总结es6数组的扩展

Array.from()

将两类对象转换为真正的数组。类似数组对象和可遍历的对象。

let arr2=Array.from(arrayList)

类似数组的对象：DOM操作返回的NodeList集合，以及内部的arguments对象。本质特性：有length属性。

Array.from可以接受第二个参数，类似于map方法。对每个元素进行处理，处理值放到返回的数组。

Array.from(arrayLike,x=>x*x);
//等同于
Array.from(arrayLike).map(x=>x*x)
Array.from([1,2,3]).map(x=>x*x)
//[1,4,9]

Array.of()

将一组数转换为数组

Array.of(3,11,8) //[3,11,8]
Array.of(3) //[3]
Array.of(3).length  //1

解决了Array()的不足，参数不同，会有差异

Array() //[]
Array(3) //[ , , ]
Array(3,11,8) // [3,11,8]

只有当参数个数不少于两个时，Array()才会返回由参数组成的新数组。参数只有一个时，实际上是指定数组的长度。

copyWith

在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。

Array.proyotype.copyWithin(target,start=0,end=this.length)

他接受三个参数：
target(必需)：从该位置开始替换数据。
start（可选）：从该位置开始读取数据，默认为 0，负数表示倒数。
end（可选）：到该位置前停止读取数据，默认等于数组长度。负数表示倒数。

[1,2,3,4,5].copyWithin(0,3)
// [4,5,3,4,5]

find()和findIndex()

find()找出第一个符合的元素。

[1,4,-5,10]find((n)=>n<0)   //-5

[1,5,10,15].find(function(value,index,arr){
return value > 9 ;
})  //10

接收三个参数：当前的值，当前的位置，原数组。如果不符合，返回-1。

fill()

填充一个数组

['a','b','c'].fill(7)
//[7,7,7]
new Array(3).fill(7)
//[7,7,7]

可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置

['a','b','c'].fill(7,1,2)
//['a',7,'c']

数组实例的entries(),keys(),values()

es6提供的三个方法用于遍历数组。用for…of循环遍历

for (let index of ['a', 'b'].keys()) {
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {
  console.log(index, elem);
}
// 0 "a"
// 1 "b"

includes

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值

[1,2,3]includes(2)  //true
[1,2,3].includes(4)  //false
[q,2,NaN].includes(NAN)  //true

第二个参数表示搜索的起始位置。负数表示倒数。