1、TypeScript 元組

我們知道數(shù)組中元素的數(shù)據(jù)類型都一般是相同的（any[] 類型的數(shù)組可以不同），如果存儲(chǔ)的元素?cái)?shù)據(jù)類型不同，則需要使用元組。參考文檔：[qr23.cn/AKFP8k]

元組中允許存儲(chǔ)不同類型的元素，元組可以作為參數(shù)傳遞給函數(shù)。

創(chuàng)建元組的語(yǔ)法格式如下：

var tuple_name = [value1,value2,value3,…value n]復(fù)制

實(shí)例

聲明一個(gè)元組并初始化：

var mytuple = [10,"Runoob"];復(fù)制

或者我們可以先聲明一個(gè)空元組，然后再初始化：

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234復(fù)制

2、訪問元組

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

tuple_name[index]復(fù)制

實(shí)例

以下實(shí)例定義了元組，包含了數(shù)字和字符串兩種類型的元素：

TypeScript

var mytuple = [10,"Runoob"]; // 創(chuàng)建元組
console.log(mytuple[0]) 
console.log(mytuple[1])復(fù)制

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var mytuple = [10, "Runoob"]; // 創(chuàng)建元組
console.log(mytuple[0]);
console.log(mytuple[1]);復(fù)制

輸出結(jié)果為：

10
Runoob復(fù)制

鴻蒙開發(fā)文檔參考有如下：

3、元組運(yùn)算

我們可以使用以下兩個(gè)函數(shù)向元組添加新元素或者刪除元素：

• push() 向元組添加元素，添加在最后面。
• pop() 從元組中移除元素（最后一個(gè)），并返回移除的元素。

TypeScript

var mytuple = [10,"Hello","World","typeScript"]; 
console.log("添加前元素個(gè)數(shù)："+mytuple.length)    // 返回元組的大小
 
mytuple.push(12)                                    // 添加到元組中
console.log("添加后元素個(gè)數(shù)："+mytuple.length) 
console.log("刪除前元素個(gè)數(shù)："+mytuple.length) 
console.log(mytuple.pop()+" 元素從元組中刪除") // 刪除并返回刪除的元素
        
console.log("刪除后元素個(gè)數(shù)："+mytuple.length)復(fù)制

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var mytuple = [10, "Hello", "World", "typeScript"];
console.log("添加前元素個(gè)數(shù)：" + mytuple.length); // 返回元組的大小
mytuple.push(12); // 添加到元組中
console.log("添加后元素個(gè)數(shù)：" + mytuple.length);
console.log("刪除前元素個(gè)數(shù)：" + mytuple.length);
console.log(mytuple.pop() + " 元素從元組中刪除"); // 刪除并返回刪除的元素
console.log("刪除后元素個(gè)數(shù)：" + mytuple.length);復(fù)制

輸出結(jié)果為：

添加前元素個(gè)數(shù)：4
添加后元素個(gè)數(shù)：5
刪除前元素個(gè)數(shù)：5
12 元素從元組中刪除
刪除后元素個(gè)數(shù)：4

4、更新元組

元組是可變的，這意味著我們可以對(duì)元組進(jìn)行更新操作：

TypeScript

var mytuple = [10, "Runoob", "Taobao", "Google"]; // 創(chuàng)建一個(gè)元組
console.log("元組的第一個(gè)元素為：" + mytuple[0]) 
 
// 更新元組元素
mytuple[0] = 121     
console.log("元組中的第一個(gè)元素更新為："+ mytuple[0])復(fù)制

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

var mytuple = [10, "Runoob", "Taobao", "Google"]; // 創(chuàng)建一個(gè)元組
console.log("元組的第一個(gè)元素為：" + mytuple[0]);
// 更新元組元素
mytuple[0] = 121;
console.log("元組中的第一個(gè)元素更新為：" + mytuple[0]);復(fù)制

輸出結(jié)果為：

元組的第一個(gè)元素為：10
元組中的第一個(gè)元素更新為：121

5、解構(gòu)元組

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

TypeScript

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

編譯以上代碼，得到以下 JavaScript 代碼：

JavaScript

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

輸出結(jié)果為：

10
Runoob

審核編輯 黃宇