ES2015 中 JavaScript 数组的新特性

ES2015（又名ES6）是 JavaScript 中相当重要的一个版本，其中包含了许多让开发更加愉悦、简易的新特性。本篇文章我们来介绍 JavaScript 数组的新增特性。

数组解构赋值

在以往的开发中，如果需要获取数组中某些元素的值，我们需要按照元素顺序逐一取出，如下：

let array = [1, 2, 3];
let first = array[0];
let second = array[1];
let third = array[2];

现在，我们可以使用数组解构赋值的方式更加简易地取出数组中的元素：

let array = [1, 2, 3];
let [first, second, third] = array;

上述代码中，用方括号包含起来的变量就是我们需要取出的数组元素，等号右边则是我们需要解构的数组。

展开运算符

在 ES2015 中，数组还支持了展开运算符，能够更方便地将多个数组合并成一个数组，如下：

let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let array3 = [...array1, ...array2];
console.log(array3); // [1, 2, 3, 4, 5, 6]

其中用了三个点号（也称为剩余参数符）的...array，就是展开运算符，它可以在变量声明中直接展开数组元素。

find 和 findIndex

在以往的开发中，如果我们需要找到数组中满足某个条件的元素，则需要使用 for 循环等方式进行查找。现在，我们可以使用 find 方法轻易地找到符合条件的元素：

let array = [1, 2, 3, 4, 5];
let result = array.find(num => num > 3);
console.log(result); // 4

上述代码中，find 方法的参数是一个回调函数（箭头函数），它接收数组中的每个元素，返回值为 true 或 false。当回调函数返回值为 true 时，find 方法便会返回该元素的值。

同时，ES2015 中还新增了 findIndex 方法，它与 find 方法类似，不同的是返回的是符合条件的元素的索引。

includes 方法

ES2015 中新增的 includes 方法，能够判断数组是否包含某个元素，如下：

let array = [1, 2, 3, 4, 5];
let result = array.includes(3);
console.log(result); // true

fill 方法

ES2015 中新增的 fill 方法，能够将数组中的所有元素都替换为指定的值，如下：

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

fill 方法可以接收两个参数，第一个参数是要填充的值，第二个参数是起始填充位置的索引。如果省略第二个参数，则 fill 方法会将整个数组替换为指定值。

总结

ES2015 中新增的数组特性，大大地简化了数组的操作，让开发更加方便快捷。通过数组解构赋值、展开运算符、find、findIndex、includes 和 fill 方法，在数组的操作中我们将更加得心应手。