JavaScript 扩展运算符 (...): 用法详解及示例

JavaScript 扩展运算符 (...), 是 ES6 中引入的一个非常实用的语法，它使用三个点 (...) 表示。扩展运算符可以将一个数组或类数组对象展开，将其中的元素逐个取出，作为函数的参数或数组的元素。

数组展开

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

// 将 arr2 中的元素添加到 arr1 中
arr1.push(...arr2);

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

函数参数传递

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

const arr = [1, 2, 3];

console.log(sum(...arr)); // 6

对象合并

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

const obj3 = {...obj1, ...obj2};

console.log(obj3); // {a: 1, b: 2, c: 3, d: 4}

总结

扩展运算符是 ES6 中一个非常实用的语法，可以简化代码的编写，提高代码的可读性和可维护性。它在数组、类数组对象和对象的操作中都扮演着重要的角色。