展开运算符在函数调用中有哪些应用？

推荐答案

展开运算符（Spread Operator）在函数调用中的主要应用包括：

1. 传递数组作为参数：可以将数组展开为单独的参数传递给函数。
2. 合并数组：可以将多个数组合并为一个数组。
3. 复制数组：可以快速复制一个数组。
4. 与解构赋值结合使用：可以在解构赋值中使用展开运算符来获取剩余的元素。

本题详细解读

1. 传递数组作为参数

展开运算符可以将数组展开为单独的参数传递给函数。这在需要将数组元素作为独立参数传递给函数时非常有用。

function sum(a, b, c) {
  return a + b + c;
}

const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 输出: 6

在这个例子中，...numbers 将数组 [1, 2, 3] 展开为 1, 2, 3，然后传递给 sum 函数。

2. 合并数组

展开运算符可以用于合并多个数组，生成一个新的数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // 输出: [1, 2, 3, 4, 5, 6]

在这个例子中，...arr1 和 ...arr2 分别将两个数组展开，然后合并成一个新的数组 combined。

3. 复制数组

展开运算符可以用于快速复制一个数组。

const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // 输出: [1, 2, 3]

在这个例子中，...original 将原数组展开，然后生成一个新的数组 copy，它与原数组 original 内容相同。

4. 与解构赋值结合使用

展开运算符可以与解构赋值结合使用，用于获取数组中的剩余元素。

const [first, ...rest] = [1, 2, 3, 4, 5];
console.log(first); // 输出: 1
console.log(rest);  // 输出: [2, 3, 4, 5]

在这个例子中，...rest 用于获取数组中除第一个元素外的剩余元素，并将其存储在一个新的数组 rest 中。