在 ES9 中，添加了一个新的语法 (…array)。这个语法可以让我们更方便地操作数组，尤其是在函数参数传递和数组拷贝方面。在这篇文章中，我们将深入探讨这个新语法的特性和用法，并提供一些示例代码和指导意义。
(…array) 的基本用法
(…array) 是一种新的语法，它可以将一个数组展开成一个逗号分隔的参数序列。例如，假设我们有一个数组：
const arr = [1, 2, 3];
我们可以使用 (…arr) 将数组展开成一个参数序列：
console.log(...arr); // 输出 1 2 3
这个语法也可以用在函数参数传递中。例如，我们可以定义一个函数来计算任意数量的数字的和：
function sum(...args) {
return args.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3)); // 输出 6
console.log(sum(4, 5, 6, 7)); // 输出 22在这个例子中，函数 sum 接受任意数量的参数，并使用 (…args) 将它们展开成一个数组。然后，我们可以使用 reduce() 方法计算它们的和。
(…array) 的高级用法
除了基本用法，(…array) 还有一些高级用法，可以让我们更方便地操作数组。下面是一些例子：
1. 数组拷贝
使用 (…array) 可以轻松地拷贝一个数组。例如，我们可以使用以下代码将一个数组拷贝到另一个数组：
const arr = [1, 2, 3]; const copyArr = [...arr];
在这个例子中，我们使用 (…arr) 将原始数组展开成一个参数序列，然后使用 [] 创建一个新的数组。
2. 数组合并
使用 (…array) 可以轻松地合并两个或多个数组。例如，我们可以使用以下代码将两个数组合并成一个新的数组：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const mergedArr = [...arr1, ...arr2];
在这个例子中，我们使用 (…arr1) 和 (…arr2) 将两个数组展开成参数序列，然后使用 [] 创建一个新的数组。
3. 数组解构
使用 (…array) 可以轻松地将数组解构为变量。例如，我们可以使用以下代码将数组的第一个元素解构为一个变量：
const arr = [1, 2, 3]; const [first, ...rest] = arr;
在这个例子中，我们使用 [first, …rest] 将数组解构为两个变量：第一个元素和其余元素的数组。
4. 函数参数
使用 (…array) 可以轻松地将一个数组传递给一个函数作为参数。例如，我们可以使用以下代码将一个数组传递给一个函数：
function myFunc(a, b, c) {
console.log(a, b, c);
}
const arr = [1, 2, 3];
myFunc(...arr);在这个例子中，我们使用 (…arr) 将数组展开成参数序列，并将它们传递给 myFunc() 函数。
总结
(…array) 是一个非常有用的语法，它可以让我们更方便地操作数组。在本文中，我们深入探讨了这个语法的特性和用法，并提供了一些示例代码和指导意义。让我们充分利用这个新语法，使我们的代码更加简洁和易于维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6580bda7d2f5e1655dbeb2ca