JavaScript 中展开运算符 (...) 的用法？

推荐答案

展开运算符 (...) 在 JavaScript 中有多种用途，主要包括：

1. 展开数组或对象：可以将数组或对象的元素展开为独立的元素。
2. 函数参数：可以将数组展开为函数的参数列表。
3. 复制数组或对象：可以用于浅拷贝数组或对象。
4. 合并数组或对象：可以将多个数组或对象合并为一个。

本题详细解读

1. 展开数组或对象

展开运算符可以将数组或对象的元素展开为独立的元素。例如：

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

const obj = { a: 1, b: 2 };
const newObj = { ...obj, c: 3 };
console.log(newObj); // 输出: { a: 1, b: 2, c: 3 }

2. 函数参数

展开运算符可以将数组展开为函数的参数列表。例如：

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

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

3. 复制数组或对象

展开运算符可以用于浅拷贝数组或对象。例如：

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

const originalObject = { a: 1, b: 2 };
const copiedObject = { ...originalObject };
console.log(copiedObject); // 输出: { a: 1, b: 2 }

4. 合并数组或对象

展开运算符可以将多个数组或对象合并为一个。例如：

// www.javascriptcn.com code example
const arr1 = [1, 2];
const arr2 = [3, 4];
const mergedArray = [...arr1, ...arr2];
console.log(mergedArray); // 输出: [1, 2, 3, 4]

const obj1 = { a: 1 };
const obj2 = { b: 2 };
const mergedObject = { ...obj1, ...obj2 };
console.log(mergedObject); // 输出: { a: 1, b: 2 }

展开运算符是一个非常强大的工具，能够简化代码并提高可读性。