在 ES6 中，数组扩展是一个非常重要的功能，它提供了许多简便实用的方法和语法，使得数组的操作更加容易和高效。本文将介绍ES6中数组扩展的优势，让你了解其深度和学习指导意义。
扩展赋值运算符
ES6 引入了扩展运算符 ... ，可以轻松地将数组转化为参数序列。这对于在函数调用时传入可变参数非常方便。例如：
-------- ------ -- -- - ------ - - - - -- - ----- ------- - --- -- --- ---------------- -- -
在上面的代码中，使用了扩展运算符将数组 numbers 展开为 1,2,3 的参数序列，然后传递给函数 sum 进行计算并返回结果 6。
扩展运算符还可以用于合并数组。例如：
----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- --------- -- --- -- -- -- -- --
在上面的代码中，使用了扩展运算符将数组 arr1 和 arr2 展开为一个新的数组 arr3，其中包含了 arr1 和 arr2 中所有的元素。
Array.from 方法
ES6 的 Array.from 方法用于从类似数组或可迭代对象中创建一个新的数组实例。例如：
----- --- - -------- ---------------- -- ----- ---- ---- ---- ----
在上面的代码中，Array.from 方法将字符串 str 转换成一个新的数组实例，其中包含了字符串中的每个字符。
Array.from 还可以接收一个可选的回调函数作为第二个参数，用于对数组中的每个元素进行处理。例如：
----- --- - --- -- --- ----- ------ - --------------- - -- - - --- -- --- -- --
在上面的代码中，回调函数 x => x * x 对 arr 数组中的每个元素进行处理，生成一个新的数组实例 result。
Array.of 方法
ES6 的 Array.of 方法用于创建一个具有可变数量参数的新数组实例。例如：
----------- -- --- -- --- -- --
在上面的代码中，Array.of 方法创建了一个新的数组实例，其中包含了三个元素 1,2,3。
与 Array.from 不同的是，Array.of 会将接收到的所有参数全部当做数组元素处理，而不是将参数作为一个序列处理。
新的迭代器方法
ES6 引入了三个新的迭代器方法 keys(), values() 和 entries()，都返回一个新的迭代器对象。这些方法可以用于遍历数组中的所有元素，代码示例如下:
----- --- - ----- ---- ----- --- ------ --- -- ----------- - ----------------- - -- ------- -- - -- - -- - --- ------ ----- -- ------------- - ------------------- - -- ------- -- --- -- --- -- --- --- ------ ------- ------ -- -------------- - ---------------------- ----------- - -- ------- -- --- -- -- --- -- -- --- --
在上面的代码中，for...of 循环使用 keys()、values() 和 entries() 方法分别遍历了数组 arr 中的所有元素。
数组的新增方法
ES6 还引入了许多新的数组方法，使得数组的操作更加便捷。下面只列出了其中的一部分。
find() 和 findIndex()
find() 方法用于查找数组中满足指定条件的第一个元素，并返回其值。它接受一个回调函数作为参数，回调函数用于判断数组中的每个元素是否符合条件。例如：
----- --- - --- -- -- --- ----- ------ - ---------- -- - - --- -- -
在上面的代码中，find() 方法查找数组 arr 中第一个满足 x > 2 条件的元素，返回其值 4。
findIndex() 方法和 find() 方法类似，用于查找数组中满足指定条件的第一个元素，并返回其索引值。它接受一个回调函数作为参数，回调函数用于判断数组中的每个元素是否符合条件。例如：
----- --- - --- -- -- --- ----- ------ - --------------- -- - - --- -- -
在上面的代码中，findIndex() 方法查找数组 arr 中第一个满足 x > 2 条件的元素，返回其索引值 2。
fill()
fill() 方法用于将数组中的所有元素替换为一个固定的值。它接受一个值作为参数，用于替换所有的元素。例如：
----- --- - --- -- -- --- ------------ -- --- -- -- --
在上面的代码中，fill() 方法将数组 arr 中的所有元素替换成了一个固定的值 0。
可以通过给 fill() 方法添加两个可选的参数来指定修改的起始位置和终止位置。例如：
----- --- - --- -- -- --- ----------- -- --- -- --- -- -- --
在上面的代码中，fill() 方法将数组 arr 中从索引 1 到索引 3 之间的所有元素替换成了一个固定的值 0。
includes()
includes() 方法用于判断数组是否包含一个指定的值。它返回一个布尔值，表示数组中是否包含指定的值。例如：
----- --- - --- -- -- --- ---------------- -- ---- ---------------- -- -----
在上面的代码中，includes() 方法判断数组 arr 中是否包含值 2，返回 true。同时它也判断了是否包含值 3，返回 false。
总结
在 ES6 中，数组扩展提供了许多方便实用的方法和语法，它使得数组的操作更加容易和高效。以上就是 ES6 中数组扩展的优势、学习以及指导意义。希望我们加深对它的了解，并在实际开发中合理使用它。
参考文章
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6653e5f3d3423812e486bd12