ES6数组方法：indexOf，includes，find，findIndex，Array.from，Array.of，copyWithin，fill

ES5中的indexOf

在ES5中提供了indexOf用来查找某个元素的位置，如果存在即返回该元素的索引号，如果不存在即返回-1.***（但是其不能判断是否含有NaN的元素，indexOf内部使用严格相等运算符===进行判断，会导致对NaN的误判）

    索引id为3

数组实例的 includes()

返回一个布尔值，表示某个数组是否包含给定的值。该方法的第二个参数表示搜索的起始位置，默认为0.如果第二个参数为负数，则表示倒数的位置，如果大于数组长度，则会重置为从0开始。

 在此之前，我们使用的是indexOf方法，indexOf 方法有两个缺点，一是不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于 -1 ，表达起来不够直观。二是，它内部使用严格相等运算符（ === ）进行判断，这会导致对 NaN 的误判。

 

ES6的find()方法和findIndex()方法

数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

findIndex方法与find方法非常类似，同时与indexOf方法也非常类似，其放回的是第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1.

 

Array.from方法

Array.from 方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。

 Array.of方法

Array.of方法用于将一组值，转换为数组。Array.of 基本上可以用来替代Array()或new Array()，并且不存在由于参数不同而导致的重载。它的行为非常统一。

Array.of 总是返回参数值组成的数组。如果没有参数，就返回一个空数组。

 

 数组实例的copyWithin() 方法

在当前数组内部，将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。***该方法会修改当前数组。

Array.prototype.copyWithin(target,start,end)

• target（必需）：从该位置开始替换数据。如果为负值，表示倒数。
• start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算。
• end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示从末尾开始计算。

 上面代码表示将从 3 号位直到数组结束的成员（4 和 5），复制到从 0 号位开始的位置，结果覆盖了原来的 1 和 2。

 上面代码表示将从 -3 号位(即从数组末尾开数)直到数组结束的成员（4 和 5），复制到从 0 号位开始的位置，结果覆盖了原来的 1 和 2。

数组实例的 fill()

fill 方法用于空数组的初始化非常方便。数组中已有的元素，会被全部抹去。

 

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

 注意，如果填充的类型为对象，那么被赋值的是同一个内存地址的对象，而不是深拷贝对象。所以当你改变你赋值的值时，一起被赋值的也会跟着改变。因为其引用的都是这个地址。