How TO - 展开运算符 (...)
了解如何在 JavaScript 中使用三点运算符 (...)，也称为展开运算符。
展开运算符
JavaScript 展开运算符 (...) 将可迭代对象（如数组）展开为更多元素。
这使我们能够快速将现有数组的全部或部分内容复制到另一个数组中。
示例
将 numbers 中的第一项和第二项分配给变量，并将其余项放入一个数组中
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
自己动手试一试 »
展开运算符通常用于仅从数组中提取所需内容。
我们也可以对对象使用展开运算符。
示例
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
自己动手试一试 »
请注意，不匹配的属性被合并了，但匹配的属性 color 被最后一个传入的对象 updateMyVehicle 覆盖了。最终的颜色现在是黄色。
另请参阅：JavaScript ES6 教程。
