我们都知道在javascript里是没有块级作用域的，而ES6添加了块级作用域，块级作用域能带来什么好处呢？为什么会添加这个功能呢？那就得了解ES5没有块级作用域时出现了哪些问题。 ES5在没有块级作用域的情况下出现的问题： 一。在if或者for循环中声明的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-U
转载
2024-10-11 14:23:35
16阅读
前端面试之ES6新增了数组中的的哪些方法？!我们先来看看数组中以前有哪些常用的方法吧！1新增的方法！1 forEach() 迭代遍历数组回调函数中的三个参数value: 数组中的每一个元素-index: 每一个数组元素中的索引号！arr: 数组对象本身<script>
// ES5中新增的方法
// forEach() 迭代遍历数组
Array对象js中内置了一个Array构造函数,可以创建数组对象,本文主要介绍数ES3、ES5、ES6数组中一些常用的方法。join(字符串分隔符)// 语法：arr.join(分隔符)
var arr = ['刘备','张飞','关羽'];
// 不传参数，默认每一项之间以 逗号 进行拼接
var str = arr.join(); //刘备,张飞,关羽
//按 - 进行拼接
var s
1, Array.of() 创建数组用， 创建数组的新方法 这个方法的由来，主要是因为使用new Array() 创建数组的时候，行为不一致。当我们给new Array() 传递一个数字的时候，他不是创建一个数组包含这个元素，而是创建一个长度为这个数字的数组。但当传递一个其它类型的数据给new Array() 的时候，它只会创建包含这个元素的数组。
转载
2024-04-23 11:55:03
37阅读
reduce()的用法平时很少用得到reduce()方法，事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上。arr.reduce(function(sum,num,index,arr){
...
},init)其中，arr 表示原数组
sum 表示上一次调用时的返回值， 或者初始值init
num 表示当前正在处理的数组元素
index 表示当前正在处理的数组元素的索引，
转载
2024-03-21 14:21:18
75阅读
扩展运算符扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 1 console.log(...[1, 2, 3])
2 // 1 2 3
3
4 console.log(1, ...[2, 3, 4], 5)
5 // 1 2 3 4 5
6
7 [...document.querySelectorAll('div')]
8
转载
2024-06-07 10:54:25
14阅读
一 es6数组的一些函数方法使用、 二 this的指向问题、 三 createDocumentFragment用法、 四 javascript实现把指定元素移动到第一位、 五 el-menu简单用法一 es6数组的一些函数方法使用二 this的指向问题(5种场景)三 createDocumentFragment用法四 javascript实现把指定元素移动到第一位五 el-menu简单用法 二
JavaScript中数组Array常用的方法总结标签（空格分隔）： JavaScriptECMAScript数组给我们提供了许多常用的方法，便于我们对数组进行操作，下面，就来总结一下这些方法。pop（）和push（）
这两个方法可以说是一对互斥的方法。push（）可以接受任意数量的参数，并将他们添加到数组的末尾，同事返回修改后数组的长度，而pop（）则从数组末尾移除最后一项，减少数组length
网上的资料很多,关于闭包，原型链，面向对象之内的。本人也有一点自己的总结。 关于this：this 的值取决于 function 被调用的方式，一共有四种，如果一个 function 是一个对象的属性，该 funtion 被调用的时候，this 的值是这个对象。如果 function 调用的表达式包含句点（.）或是 []，this 的值是句点（.）或是 [] 之前的对象。如myObj.f
一、Array.from()：负责把类似数组的对象以及可遍历的对象转为真正的数组1.类似数组的对象 let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
let arrayLike2 = {
'0': 'a',
'1': 'b',
'2': 'c'
};
// ES5的写法
var arr1 =
?正文1.实现类的继承在ES6 中新增了 extends关键字，用于实现类的继承。MDN中对 extends关键字的解释是这么说的：**定义：****extends**关键字用于类声明或者类表达式中，以创建一个类，该类是另一个类的子类。语法：class ChildClass extends ParentClass { ... }描述： extends关键字用来创建一个普通类或者内建对象的子类。接下
转载
2024-05-29 13:34:56
39阅读
前言最近看项目代码的时候老是会见到数组的reduce方法刚开始没有太在意，因为知道该方法的大致用法，但是由于往后不断地学习，发现自己原来对这个方法的理解有误或者说理解不全面，为了保持我对学习的秉性——拒绝一知半解，今天特意花时间来全面的探究了一下这个方法，以下是对数组reduce()方法的介绍以及我的一些理解，希望能给大家带来帮助一.reduce语法说明方法介绍：reduce() 方法对数组中的每
转载
2024-04-01 11:25:35
147阅读
越来越多的公司采用前后端分离的开发模式，前端的工作也不是简简单单的用div写几个HTML页面，更多的拿到后端反馈过来的数据，进行处理整合，然后再将数据展现出来。大多数情况下从后端请求过来的数据都是json包含多个对象的数组，下面我将前端常用的数组操作记录一下。 (1）连接数组：contact（） contact（）是连接两个数组的方法，连接两个数组并不会改变原数组，只会返回一个被连接数组的新的副本
转载
2024-03-25 11:55:33
77阅读
如果要用一句来描述，我们可以说Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构什么是集合？什么又是字典？集合 是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合字典 是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同区别？共同点：集合、字典都可以存储不重复的值 不同点：集合是以[值，值]的形式存储元素，字典是以[键，值]的形式存储 S
转载
2024-06-21 16:31:59
50阅读
一.ECMAScript6，即 ES6，是 ECMAScript 的第六次修订，于 2015年完成，也称 ES2015;ES6 是继 ES5 之后的一次改进，相对于 ES5 更加简洁，提高了开发效率.二.ES6新增的方法:1.新增声明命令 :let 和 const 在 ES6 中通常用 let 和 const 来声明，let 表示变量、const 表示常量.特点:let 和 const 都是块级作
转载
2024-09-03 11:42:50
3235阅读
一、前言在ES6中引入了许多对JavaScript开发者非常友好和便利的特性，其中就包括数组归并方法--reduce()。由于这个方法处理数组时与其他迭代方法（例如map、forEach、filter等）有所不同，因此在实践中容易出现困惑。本文将对reduce()方法进行详细介绍，包括它的语法、用法、示例和注意事项。希望通过本文的学习，读者们能够深入理解reduce()方法，并将其应用于实际开发中
转载
2024-06-29 12:53:53
114阅读
序号声明与说明1if “ if”语句由一个布尔表达式和一个或多个语句组成。2if...else 'if'语句后可以跟可选的'else'语句，该语句在布尔表达式为false时执行。3else .. if阶梯/嵌套if语句 if...else...阶梯/嵌套if语句 else…if阶梯可用于测试多个条件。以下是相同的语法。4switch switch语句计算一个表达式，将该表达式的值与cas
forEach （） 用来遍历数组的每一项 forEach循环的回调函数中，不可以return出一个值，但是可以使用return去终止函数的执行 forEach循环，循环结束没有返回值返回值为undefined item （第一个）表示数组的每一项, index（第二个） 表示数组的下标<script>
// forE
转载
2024-06-05 11:28:48
358阅读
一、参考资料ES6 | Guns快速开发平台
原创
2022-07-28 06:09:58
4428阅读
