ES6中的...（展開）語法是一種可以將數組或對象展開為函數參數或數組字面量的語法。它通常用於函數調用或數組字面量的展開。 在函數調用中，...可以將一個數組展開為函數的參數列表。例如： js複製代碼 function sum(a, b, c) { return a + b + c; } const ...
ES6中的...（展開）語法是一種可以將數組或對象展開為函數參數或數組字面量的語法。它通常用於函數調用或數組字面量的展開。
在函數調用中，...可以將一個數組展開為函數的參數列表。例如：
js複製代碼| function sum(a, b, c) { | |
| return a + b + c; | |
| } | |
| const numbers = [1, 2, 3]; | |
| console.log(sum(...numbers)); // 輸出：6 |
在這個例子中，我們將數組 numbers 展開為 sum 函數的參數列表，分別傳入了 1、2 和 3。
在數組字面量中，...可以將一個數組展開為另一個數組的元素。例如：
js複製代碼| const colors = ['red', 'green', 'blue']; | |
| const [firstColor, ...otherColors] = colors; | |
| console.log(firstColor); // 輸出：red | |
| console.log(otherColors); // 輸出：['green', 'blue'] |
在這個例子中，我們將數組 colors 展開為 firstColor 和 otherColors 的值，其中 firstColor 的值為 'red'，otherColors 的值為 ['green', 'blue']。
除了在數組和函數中使用展開語法，它還可以用於對象的解構賦值中。例如：
js複製代碼| const person = { name: 'Alice', age: 25 }; | |
| const { name, ...otherProps } = person; | |
| console.log(name); // 輸出：Alice | |
| console.log(otherProps); // 輸出：{ age: 25 } |
在這個例子中，我們將對象 person 展開為 name 和 otherProps 的值，其中 name 的值為 'Alice'，otherProps 的值為 { age: 25 }。
