如何 - 价差运算符 (...)

了解如何在 JavaScript 中使用三点运算符 (...)（又名扩展运算符）。

价差运算符

JavaScript 展开运算符 (...) 将可迭代对象（如数组）扩展为更多元素。

这使我们能够快速将现有数组的全部或部分复制到另一个数组中：

示例

分配第一个和第二个项目numbers变量并将其余部分放入数组中：

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

亲自试一试 »

扩展运算符通常用于从数组中仅提取所需的内容：

示例

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

const [one, two, ...rest] = numbers;

亲自试一试 »

我们也可以对对象使用展开运算符：

示例

const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}

const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}

const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

亲自试一试 »

请注意，不匹配的属性被合并，但匹配的属性，color，被最后一个传递的对象覆盖，updateMyVehicle。现在得到的颜色是黄色。

也可以看看: JavaScript ES6 教程.