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 教程。
