ES6必知必会(五): 数组扩展

177 阅读2分钟

1,ES中新增的方法

1-1 Array.isArray()

判断是否是一个数组

Array.isArray(arr) // true || false

1-2 forEach()

对数组进行循环。

Array.forEach(function(item,index,arr){
    // 第一个参数 item: 当前的数组元素
    // 第二个参数 index: 数组元素的索引
    // 第三个参数 arr: 当前的数组
    })

特点:

1.形参是一个回调函数。
2.回调函数的三个参数分别是:当前的数组元素,元素的索引,当前的数组。
3.修改item并不影响原数组(item的值是基本数据类型)
4.不能break。
5.没有返回值。
6.不需要的参数可以按顺序省略。

1-3 map()

映射,功能:逐一处理原数组元素,返回到一个新数组

arr.map(function(item,index,arr){
    return;
}

特点:

1.参数也是回调函数
2.回调函数中要写return

1-4 filter()

逐一过滤原数组元素,留下符合条件的元素得到一个新数组。

1-5 reduce()

不断地将前一项和后一项的值进行运算,把前一轮运算结果作为当前运算的前一项,返回最后结果。

特点:运算规则由回调函数决定

1-6 some()

只要数组中的某一个元素符合指定的条件,就会返回真,否则返回假

1-7 every()

如果数组中的所有元素都符合指定的条件,才返回true,否则返回false。

2.ES6中新增的方法

2-1 Array.from()

把类数组对象转成真正的数组

2-2 Array.of()

将一组值转换为数组,理解用来创建数组。主要目的是弥补构造器Array()的不足

2-3 find()和findIndex()

find用于找出第一个符合条件的数组元素。找不到则是undefined。只会返回一个值。findIndex用于返回第一个符合条件的数组元素的索引。找不到则是-1.

2-4 includes()

判断元素在数组中是否存在,返回值 true | false

2-5 fill()

给数组填充指定值。fill方法用于空数组的初始化非常方便,已有数据会被覆盖,fill方法还可以接受第二个和第三个参数,用于指定填充的起始位置和结束位置。

从指定位置填充