javascript 中三個點運算符的用法解構:用于從數組或對象中解構元素,并將其分配給新的變量。展開:用于展開數組或對象,將它們播散到另一個表達式或結構中。
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 對象