ES6的数组改动你不来了解一下吗? es6新数组方法

数组作为JavaScript中常见常用的类型，ES6也对数组的功能进行了改进。下面和大家分享一下ES6中数组的新特性。

1.创建数组的新方式

在ES6之前的JavaScript版本中，我们创建数组主要有两种方式，一是通过构造函数。

var array = new Array();

另一种是直接声明数组字面量。

var array = [];

ES6新增了两种创建数组的方法：Array.of() 和 Array.from()。下面介绍一下这两种方法的用法和功能。

Array.of()会把所有接收的参数存入数组，不管参数的类型。

let array = Array.of(1,2,3,4);

它和构造函数不同的地方在于：如果构造函数接收的参数为数字，该参数将设定数组的长度而不是存入数组。

var array = new Array(2);console.log(array.length); // 2

Array.from()方法可以接收可迭代对象或数组对象作为参数，并将其转化为数组。我在文章ES6霸气，一行代码搞定数组去重 中曾经使用过from方法。

function unique (array) {return Array.from(new Set(array))}unique([1,1,1,2,2,2,3])

在ES6小册子--函数 中介绍的函数不定参数也可以使用Array.from方法。

Array.from()还可以接收一个方法参数，对数组进行映射处理。

let arrayConvert = function (...arg){return Array.from(arg, (item) => {return item + 1})}

如果你认真看完了之前的几章关于ES6的介绍，相信你一定能够理解上面的代码。我这里不做过多的解释了，可以翻看之前的几篇文章。

2.数组的新方法

find() 和 findIndex()

这两个方法都是用来搜索数组的方法，根据方法名可以看出find返回的是查找的值，findIndex返回的是索引。它们和indexOf的不同点主要在于接收的参数是回调函数。我们来举个例子说明一下：

let array = [1,2,3,4,5];console.log(array.find(item => item%2 ===0 ))

这是查找偶数的方式，需要注意的是find寻找到第一个满足条件的元素后就不再查找后面的元素。所以上面代码输出的值是2。

fill方法可以填充一个或者多个数组元素，修改元素的值为传入的参数。

let array = [1,2,3,4,5];array.fill(0);console.log(array)// [0,0,0,0,0]

fill方法可以指定开始索引和排除索引，指定从哪里开始填充，排除哪些位置的元素。

let array = [1,2,3,4,5];array.fill(0,2,3);console.log(array) // [1,2,0,4,0]

array.fill(0,2,3)第一个参数为要填充的值--0，第二个参数为开始索引--2，第三个参数为排除索引--3。

copyWithin()

copyWithin用法和fill一样，作用是复制某一个元素，并覆盖其他一个或多个元素。我们举个例子：

let arrayA = [1,2,3,4,5];arrayA.copyWithin(2,0,2);console.log(arrayA); // [1,2,1,2,5]

copyWithin(2,0,2)第一个参数是复制到的位置即粘贴的位置。第二个参数是开始复制的位置，第三个参数是停止复制的位置。

数组就和大家介绍到这里，欢迎你给我留言，等待你的反馈~