TypeScript 中的展開運算符 · HowToDoInJava 中文系列教程

# TypeScript 中的展開運算符 > 原文： [https://howtodoinjava.com/typescript/spread-operator/](https://howtodoinjava.com/typescript/spread-operator/) 在 TypeScript 中，可以使用展開運算符（以省略號的形式）來初始化另一個數組或對象中的數組和對象。您還可以使用展開運算符進行對象分解。 ## 展開運算符與`apply()`方法 JavaScript 的`apply()`方法調用具有給定`this`值的函數，并以`array`提供參數。例如，在下面的示例中，兩個突出顯示的函數調用是等效的。它們都打印相同的輸出。 ```java var numbers = [1, 2, 3, 4, 5]; console.log.apply(console, numbers); //1 2 3 4 5 console.log("1", "2", "3", "4", "5"); //1 2 3 4 5 ``` 展開運算符（ECMAScript 6 的一部分）是`apply()`方法的更好版本。使用展開運算符，您可以像上面這樣寫上面的語句。 ```java var numbers = [1, 2, 3, 4, 5]; console.log(...argsArray); //1 2 3 4 5 ``` ## 展開運算符示例 1. #### 從另一個數組初始化數組您可以使用展開運算符以給定的方式從現有數組創建數組。 ```java let origArrayOne = [ 1, 2, 3]; //1,2,3 let origArrayTwo = [ 4, 5, 6]; //4,5,6 //Create new array from existing array let copyArray = [...origArrayOne]; //1,2,3 //Create new array from existing array + more elements let newArray = [...origArrayOne, 7, 8]; //1,2,3,7,8 //Create array by merging two arrays let mergedArray = [...origArrayOne, ...origArrayTwo]; //1,2,3,4,5,6 ``` 2. #### 從另一個對象初始化對象您還可以使用展開運算符以給定的方式從現有對象創建對象。 ```java let origObjectOne = {a: 1, b: 2, c: 3}; //{a: 1, b: 2, c: 3} let origObjectTwo = {d: 4, e: 5, f: 6}; //{d: 4, e: 5, f: 6} //Create new object from existing object let copyObject = {...origObjectOne}; //{a: 1, b: 2, c: 3} //Create new object from existing object + more elements let newObject = {...origObjectOne, g: 7, h: 8}; //{a: 1, b: 2, c: 3, g: 7, h: 8} //Create object by merging two objects let mergedObject = {...origObjectOne, ...origObjectTwo}; //{a: 1, b: 2, c: 3, d: 4, e: 5, f: 6} ``` 3. #### 對象解構 *解構賦值*語法是一個 JavaScript 表達式，可以將數組中的值或對象中的屬性解壓縮為不同的變量。 ```java function myFunction(x, y, z) { console.log( x ); console.log( y ); console.log( z ); } var parametersArray = [0, 1, 2]; myFunction(...parametersArray); //0, 1, 2 ``` 將我的問題放在評論部分。學習愉快！參考： [Mozilla Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)