JavaScript 中三個點運算符的用法

JavaScript 中的三個點運算符（…）是一種解構和展開運算符，它具有兩種主要用法：

1. 解構

三個點運算符可用于從數組或對象中解構元素，并將其分配給新的變量。

數組解構

// 給出數組
const arr = [1, 2, 3, 4, 5];

// 解構前兩個元素
const [first, second] = arr;

console.log(first); // 輸出: 1
console.log(second); // 輸出: 2

對象解構

// 給出對象
const obj = { name: 'John', age: 30 };

// 解構 name 屬性
const { name } = obj;

console.log(name); // 輸出: John

2. 展開

三個點運算符還可以用于展開數組或對象，將它們播散到另一個表達式或結構中。

數組展開

// 給出兩個數組
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

// 展開 arr1 到 arr2
const newArr = [...arr1, ...arr2];

console.log(newArr); // 輸出: [1, 2, 3, 4, 5, 6]

對象展開

// 給出兩個對象
const obj1 = { name: 'John' };
const obj2 = { age: 30 };

// 展開 obj1 到 obj2
const newObj = { ...obj1, ...obj2 };

console.log(newObj); // 輸出: { name: 'John', age: 30 }

此外，三個點運算符還可以用于以下用途：

創建可變參數函數
淺拷貝數組或對象
傳遞可變數量的參數
避免使用 arguments 對象