JavaScript 中延展操作运算符的 8 种使用方式

在 JavaScript 中，延展操作运算符（Spread Operator）是一个非常强大和实用的特性。它为我们提供了许多便捷的方式来处理数组和对象。下面让我们一起来深入了解延展操作运算符的 8 种常见使用方式。

1. 数组的合并 可以将多个数组合并为一个新的数组。例如：

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

2. 数组的复制 轻松复制一个数组：

let originalArr = [7, 8, 9];
let copiedArr = [...originalArr];

3. 向函数传递参数 在调用函数时，可以使用延展操作运算符将数组元素作为独立的参数传递：

function sum(a, b, c) {
  return a + b + c;
}
let numbers = [10, 20, 30];
console.log(sum(...numbers));

4. 数组的解构 在数组解构中使用延展操作运算符：

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

5. 扩展对象属性 可以将一个对象的属性扩展到另一个对象中：

let obj1 = {x: 1, y: 2};
let obj2 = {...obj1, z: 3};

6. 对象的合并 合并多个对象：

let objA = {a: 1};
let objB = {b: 2};
let combinedObj = {...objA,...objB };

7. 函数参数的默认值 为函数参数设置默认值时使用：

function multiply(a = 1, b = 2,...rest) {
  return a * b;
}

8. 克隆对象 创建一个对象的浅克隆：

let originalObject = {name: 'John', age: 30};
let clonedObject = {...originalObject};

通过以上 8 种使用方式，我们可以看到延展操作运算符在 JavaScript 中为我们提供了更加简洁和灵活的代码编写方式，大大提高了开发效率和代码的可读性。熟练掌握并灵活运用延展操作运算符，能够让我们在 JavaScript 编程中更加得心应手。