扩展运算符的作用

扩展运算符（Spread Operator）是JavaScript中的一种语法，用于解构和展开数组、对象等数据结构。它有以下几种常见的用法和作用：

1.数组展开：扩展运算符可以将一个数组展开为多个元素。

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

2.数组合并：扩展运算符可以将多个数组合并成一个数组。

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

3. 数组复制：扩展运算符可以通过展开一个已有数组来复制它。这样可以避免修改原数组时对复制的数组造成影响。

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

4. 对象展开：扩展运算符可以将一个对象展开为多个属性。

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

5. 对象合并：扩展运算符可以将多个对象合并成一个新对象。如果有相同的属性，后面的对象会覆盖前面的对象。

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

6. 函数传参：扩展运算符可以将一个数组作为函数的参数传入。这样可以将数组中的每个元素作为单独的参数传递给函数

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

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

扩展运算符在JavaScript中非常有用，它可以简化代码、提高可读性，并且在处理数组和对象时提供了更灵活的操作方式。以上是扩展运算符的一些常见用法和作用。希望对你有所帮助！