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. 合并数组或对象

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

-- -------------------- ---- -------
----- ---- - --- ---
----- ---- - --- ---
----- ----------- - --------- ---------
------------------------- -- --- --- -- -- --

----- ---- - - -- - --
----- ---- - - -- - --
----- ------------ - - -------- ------- --
-------------------------- -- --- - -- -- -- - -

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