TypeScript 元組
TypeScript 元組
我們知道陣列中元素的資料型別都一般是相同的(any[] 型別的陣列可以不同),如果儲存的元素資料型別不同,則需要使用元組。
元組中允許儲存不同型別的元素,元組可以作為引數傳遞給函式。
建立元組的語法格式如下:
var tuple_name = [value1,value2,value3,…value n]
例項
宣告一個元組並初始化:
var mytuple = [10,"itread01"];
或者我們可以先宣告一個空元組,然後再初始化:
var mytuple = []; mytuple[0] = 120 mytuple[1] = 234
訪問元組
元組中元素使用索引來訪問,第一個元素的索引值為 0,第二個為 1,以此類推第 n 個為 n-1,語法格式如下:
tuple_name[index]
例項
以下例項定義了元組,包含了數字和字串兩種型別的元素:
TypeScript
var mytuple = [10,"itread01"]; // 建立元組
console.log(mytuple[0])
console.log(mytuple[1])
編譯以上程式碼,得到以下 JavaScript 程式碼:
JavaScript
var mytuple = [10, "itread01"]; // 建立元組
console.log(mytuple[0]);
console.log(mytuple[1]);
輸出結果為:
10 itread01
元組運算
我們可以使用以下兩個函式向元組新增新元素或者刪除元素:
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, "itread01", "Taobao", "Google"]; // 建立一個元組
console.log("元組的第一個元素為:" + mytuple[0])
// 更新元組元素
mytuple[0] = 121
console.log("元組中的第一個元素更新為:"+ mytuple[0])
編譯以上程式碼,得到以下 JavaScript 程式碼:
JavaScript
var mytuple = [10, "itread01", "Taobao", "Google"]; // 建立一個元組
console.log("元組的第一個元素為:" + mytuple[0]);
// 更新元組元素
mytuple[0] = 121;
console.log("元組中的第一個元素更新為:" + mytuple[0]);
輸出結果為:
元組的第一個元素為:10 元組中的第一個元素更新為:121
解構元組
我們也可以把元組元素賦值給變數,如下所示:
TypeScript
var a =[10,"itread01"]
var [b,c] = a
console.log( b )
console.log( c )
編譯以上程式碼,得到以下 JavaScript 程式碼:
JavaScript
var a = [10, "itread01"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);
輸出結果為:
10 itread01