...展开运算符

展开运算符（Spread Operator）是ES6中引入的一个新的语法，用于将数组或对象拆分成单个元素。在JavaScript中，我们通常需要将一个数组或对象的元素合并到另一个数组或对象中，这时候就可以使用展开运算符。

1. 拆分数组

使用展开运算符可以将一个数组拆分成单个元素，并将它们分别传递给函数，或者合并到另外的数组中。假如我们有一个数组arr1：

const arr1 = [1, 2, 3];

我们可以使用展开运算符将其分解成单个元素，并将它们传递给函数或合并到另外的数组中：

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

在上面的例子中，[...arr1, 4, 5, 6]表示将数组arr1中的所有元素拆分成单个元素，然后将4, 5, 6与之合并成一个新的数组arr2。

另外，我们还可以使用展开运算符将参数数组传递给函数：

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

const arr = [1, 2, 3];
const result = sum(...arr); // 6

在上面的例子中，sum(...arr)表示将数组arr中的三个元素拆分成单个元素，并将它们作为参数传递给sum函数。

1. 拆分对象

与数组类似，我们也可以使用展开运算符将一个对象拆分成单个元素，并将它们合并到另外一个对象中。假如我们有一个对象obj1：

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

我们可以使用展开运算符将其拆分成单个元素，并将它们合并到另一个对象obj2中：

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

在上面的例子中，{...obj1, d: 4, e: 5}表示将对象obj1中的所有属性拆分成单个元素，并将属性d和属性e合并到一个新的对象obj2中。

展开运算符还可以用于对象的解构赋值，如下所示：

const obj3 = { a: 1, b: 2, c: 3 };
const { b, ...obj4} = obj3;
console.log(b); // 2
console.log(obj4); // { a: 1, c: 3 }

在上面的例子中，{b, ...obj4} = obj3表示拆分对象obj3中的所有属性，并将属性b的值赋值给变量b，同时将剩下的属性合并到一个新的对象obj4中。