TypeScript 元組

我們知道陣列中元素的資料型別都一般是相同的（any[] 型別的陣列可以不同），如果儲存的元素資料型別不同，則需要使用元組。

元組中允許儲存不同型別的元素，元組可以作為引數傳遞給函式。

建立元組的語法格式如下：

var tuple_name = [value1,value2,value3,…value n]

例項

宣告一個元組並初始化：

var mytuple = [10,"Runoob"];

或者我們可以先宣告一個空元組，然後再初始化：

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234

訪問元組

元組中元素使用索引來訪問，第一個元素的索引值為 0，第二個為 1，以此類推第 n 個為 n-1，語法格式如下:

tuple_name[index]

例項

以下例項定義了元組，包含了數字和字串兩種型別的元素：

TypeScript

var mytuple = [10,"Runoob"]; // 建立元組
console.log(mytuple[0]) 
console.log(mytuple[1])

編譯以上程式碼，得到以下 JavaScript 程式碼：

JavaScript

var mytuple = [10, "Runoob"]; // 建立元組
console.log(mytuple[0]);
console.log(mytuple[1]);

輸出結果為：

10
Runoob

元組運算

我們可以使用以下兩個函式向元組新增新元素或者刪除元素：

• push() 向元組新增元素，新增在最後面。

• pop() 從元組中移除元素（最後一個），並返回移除的元素。

TypeScript

var mytuple = [10,"Hello","World","typeScript"]; 
console.log("新增前元素個數："+mytuple.length)    //
 
 返回元組的大小
 
mytuple.push(12)                                    // 新增到元組中
console.log("新增後元素個數："+mytuple.length) 
console.log("刪除前元素個數："+mytuple.length) 
console.log(mytuple.pop()+" 元素從元組中刪除") // 刪除並返回刪除的元素
        
console.log("刪除後元素個數："+mytuple.length)

編譯以上程式碼，得到以下 JavaScript 程式碼：

JavaScript

var mytuple = [10, "Hello", "World", "typeScript"];
console.log("新增前元素個數：" + mytuple.length); // 返回元組的大小
mytuple.push(12); // 新增到元組中
console.log("新增後元素個數：" + mytuple.length);
console.log("刪除前元素個數：" + mytuple.length);
console.log(mytuple.pop() + " 元素從元組中刪除"); // 刪除並返回刪除的元素
console.log("刪除後元素個數：" + mytuple.length);

輸出結果為：

新增前元素個數：4
新增後元素個數：5
刪除前元素個數：5
12 元素從元組中刪除
刪除後元素個數：4

更新元組

元組是可變的，這意味著我們可以對元組進行更新操作：

TypeScript

var mytuple = [10, "Runoob", "Taobao", "Google"]; // 建立一個元組
console.log("元組的第一個元素為：" + mytuple[0]) 
 
// 更新元組元素
mytuple[0] = 121     
console.log("元組中的第一個元素更新為："+ mytuple[0])

編譯以上程式碼，得到以下 JavaScript 程式碼：

JavaScript

var mytuple = [10, "Runoob", "Taobao", "Google"]; // 建立一個元組
console.log("元組的第一個元素為：" + mytuple[0]);
// 更新元組元素
mytuple[0] = 121;
console.log("元組中的第一個元素更新為：" + mytuple[0]);

輸出結果為：

元組的第一個元素為：10
元組中的第一個元素更新為：121

解構元組

我們也可以把元組元素賦值給變數，如下所示：

TypeScript

var a =[10,"Runoob"] 
var [b,c] = a 
console.log( b )    
console.log( c )

編譯以上程式碼，得到以下 JavaScript 程式碼：

JavaScript

var a = [10, "Runoob"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);

輸出結果為：

10
Runoob