展開運算子(Spread Operator)是 JavaScript 中的一種語法,用於將可迭代物件(如陣列或字串)展開為獨立的元素。它使用三個連續的點號(...)作為運算子。
展開運算子可以在多種情況下使用,包括陣列、物件和函式呼叫等。下面是一些展開運算子的用法示例:
1:展開陣列: 使用展開運算子可以將一個陣列展開為獨立的元素。
const arr = [1, 2, 3];
console.log(...arr); // 輸出: 1 2 3
2:合併陣列: 展開運算子還可以用於合併陣列。
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArray = [...arr1, ...arr2];
console.log(mergedArray); // 輸出: [1, 2, 3, 4, 5, 6]
3:複製陣列: 使用展開運算子可以快速複製一個陣列。
const originalArray = [1, 2, 3];
const copiedArray = [...originalArray];
console.log(copiedArray); // 輸出: [1, 2, 3]
4:展開物件: 展開運算子還可以用於展開物件字面量中的屬性。
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };
console.log(obj2); // 輸出: { a: 1, b: 2, c: 3 }
5:函式呼叫: 在函式呼叫時,展開運算子可以將一個陣列作為引數展開為獨立的引數。
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
const result = sum(...numbers);
console.log(result); // 輸出: 6
展開運算子提供了一種方便的方式來處理陣列、物件和函式呼叫。可以簡化程式碼,並使操作更加靈活。