JavaScript 中 Spread 运算符的 8 种运用方式

在 JavaScript 中，Spread 运算符（...）是一个非常强大和实用的特性，它为我们提供了多种灵活的操作方式。以下将详细介绍 8 种常见的运用方式。

1. 数组展开 可以将一个数组展开并合并到另一个数组中。例如：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let combined = [...arr1,...arr2];

2. 对象展开 用于合并对象的属性。比如：

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

3. 函数参数传递 在函数调用时，可以使用 Spread 运算符传递数组元素作为单独的参数。

function sum(a, b, c) {
  return a + b + c;
}
let numbers = [1, 2, 3];
console.log(sum(...numbers));

4. 复制数组 创建一个新的数组副本，而不是引用原始数组。

let original = [7, 8, 9];
let copied = [...original];

5. 构建新数组 轻松地从现有元素构建新的数组。

let items = [10, 20];
let newArray = [0,...items, 30];

6. 解构赋值 在解构中使用 Spread 运算符来获取剩余的元素。

let [first,...rest] = [11, 12, 13];

7. 合并多个数组 可以同时展开多个数组进行合并。

let arr3 = [14];
let arr4 = [15, 16];
let combinedAll = [...arr1,...arr2,...arr3,...arr4];

8. 与 Math 方法结合 例如在求最大值或最小值时，可以方便地处理多个数。

let nums = [17, 18, 19];
console.log(Math.max(...nums));

Spread 运算符在 JavaScript 中提供了简洁而强大的方式来处理数组和对象，使得代码更加简洁、易读和灵活。熟练掌握它的各种运用方式，能够极大地提高开发效率和代码质量。