js中展开运算符的基本用法

在 JavaScript 中，展开运算符 `...` 用于将一个可迭代对象（例如数组、字符串、类数组对象等）展开为独立的元素，或者将一个对象展开为独立的属性。

以下是展开运算符的基本用法示例：

1. 展开数组：

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

在上述示例中，`...arr` 将数组 `arr` 展开为独立的元素。

2. 合并数组：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

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

在上述示例中，`[...arr1, ...arr2]` 将两个数组 `arr1` 和 `arr2` 合并为一个新的数组 `mergedArr`。

3. 展开字符串：

const str = "Hello";
console.log(...str); // H e l l o

在上述示例中，`...str` 将字符串 `str` 展开为独立的字符。

4. 合并对象：

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };

const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { a: 1, b: 2, c: 3, d: 4 }

在上述示例中，`{ ...obj1, ...obj2 }` 将两个对象 `obj1` 和 `obj2` 合并为一个新的对象 `mergedObj`。

需要注意的是，展开运算符只能用于可迭代对象或对象字面量。它将迭代对象中的元素或属性，并将它们展开为独立的项。展开运算符在很多场景下都非常有用，例如数组合并、函数调用时传递可变数量的参数等。