TypeScript基本语法---07元组

元组可以看作是数组的拓展,它表示已知元素数量和类型的数组。确切地说,是已知数组中每一个位置上的元素的类型。

元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。

let x: [string, number];
x = ['muzidigbig', 1];    // 运行正常
x = [1, 'muzidigbig'];    // 报错
console.log(x[0]);    // 输出 muzidigbig

元组运算

我们可以使用以下两个函数向元组添加新元素或者删除元素:

  • push() 向元组添加元素,添加在最后面。

  • pop() 从元组中移除元素(最后一个),并返回移除的元素。

//元组可以看作是数组的拓展,表示元素数量和类型的数组。
var mytuple = [10,"Hello","World","typeScript"]; 
console.log("添加前元素个数:"+mytuple.length)    //4 返回元组的大小
mytuple.push(12)                                    // 添加到元组中
console.log("添加后元素个数:"+mytuple.length) //5
console.log("删除前元素个数:"+mytuple.length) //5
console.log(mytuple.pop()+" 元素从元组中删除") // 删除并返回删除的元素
        
console.log("删除后元素个数:"+mytuple.length) //4

更新元组

元组是可变的,这意味着我们可以对元组进行更新操作:

//元组可以看作是数组的拓展,表示元素数量和类型的数组。
var mytuple = [10,"Hello","World","typeScript"]; 


//更新的时候要类型
mytuple[2] = '000';
console.log(mytuple); //[ 10, 'Hello', '000', 'typeScript' ]

解构元组

我们也可以把元组元素赋值给变量,如下所示:

//结构元组
var a =[10,"Runoob"] 
var [b,c] = a 
console.log( b ); //10    
console.log( c ); //Runoob

 

 

 

 

 

 

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页