ES6的扩展运算符怎么用

ES6的扩展运算符（Spread Operator）是一种语法，它允许一个表达式在某些位置展开数组或对象。扩展运算符的语法是用三个点（…）表示。以下是一些使用扩展运算符的例子：

1. 函数参数：

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers)); // 输出 6

在这个例子中，我们将数组numbers展开为函数的参数。

2. 合并数组：

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

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

在这个例子中，我们使用扩展运算符将两个数组合并为一个新数组。

3. 复制数组：

const originalArr = [1, 2, 3];

const copiedArr = [...originalArr];
console.log(copiedArr); // 输出 [1, 2, 3]

在这个例子中，我们使用扩展运算符创建了一个原数组的浅拷贝。

4. 将类数组对象转换为数组：

const nodeList = document.querySelectorAll('div');

// 使用扩展运算符将 NodeList 转换为数组
const nodeArray = [...nodeList];

在这个例子中，我们使用扩展运算符将类数组对象nodeList转换为一个真正的数组。

5. 函数返回多个值：

function minMax(arr) {
  const min = Math.min(...arr);
  const max = Math.max(...arr);
  return [min, max];
}

const numbers = [1, 2, 3, 4, 5];

console.log(minMax(numbers)); // 输出 [1, 5]

在这个例子中，我们使用扩展运算符将数组numbers展开为Math.min()和Math.max()函数的参数。

这些例子展示了扩展运算符的一些常见用法，但它的应用范围不仅限于此。扩展运算符可以使代码更简洁、易读。