扩展运算符的用法

扩展运算符（Spread Operator）是ES6中的一个新特性，它可以将一个可迭代的对象（如数组、字符串、Set等）展开成多个元素，或者将多个元素合并成一个数组。

以下是扩展运算符的用法：

1. 展开成多个元素

可以使用扩展运算符将一个数组展开成多个元素：

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

可以使用扩展运算符将一个字符串展开成多个字符：

const str = "hello";
console.log(...str); // h e l l o

2. 合并成一个数组

可以使用扩展运算符将多个数组合并成一个数组：

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

可以使用扩展运算符将多个可迭代的对象合并成一个数组：

const set = new Set([1, 2, 3]);
const str = "hello";
const arr = [...set, ...str];
console.log(arr); // [1, 2, 3, "h", "e", "l", "l", "o"]

3. 函数调用时传参

可以使用扩展运算符将一个数组作为参数传入函数：

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

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

可以使用扩展运算符将多个数组作为参数传入函数：

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

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

以上就是扩展运算符的用法。它可以使我们的代码更简洁、更易读，是一个非常实用的特性。