如何 - 展开运算符 (...)
了解如何在 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 教程.
