JavaScript中的扩展运算符

在 JavaScript 中，扩展运算符是一种方便而常用的语法。通过使用扩展运算符，我们可以将一个可迭代对象（如数组或字符串）展开为多个元素，或者将多个元素合并为一个数组。

语法

// 将可迭代对象展开为多个元素
...iterable

// 将多个元素合并为一个数组
[...elements]

将可迭代对象展开为多个元素

使用扩展运算符，可以将一个可迭代对象（如数组或字符串）展开为多个元素。展开后的元素可以作为函数参数、数组元素或对象属性。

将数组展开为函数参数

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

const nums = [1, 2, 3];

console.log(add(...nums)); // Output: 6

将字符串展开为数组元素

const str = 'hello';

console.log([...str]); // Output: ['h', 'e', 'l', 'l', 'o']

将对象展开为对象属性

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

console.log(obj2); // Output: { a: 1, b: 2, c: 3 }

将多个元素合并为一个数组

使用扩展运算符，可以将多个元素合并为一个数组。

const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = [...arr1, ...arr2];

console.log(arr3); // Output: [1, 2, 3, 4]

结论

通过使用 JavaScript 中的扩展运算符，我们可以轻松地将可迭代对象展开为多个元素，或将多个元素合并为一个数组。这是一种方便而常用的语法，可以帮助我们编写更简洁、更易于阅读和维护的代码。