TypeScript 元组
有时,可能需要存储各种类型的值的集合。数组不会达到这个目的.TypeScript为我们提供了一个名为元组(元组)的数据类型,有助于实现这一目的。
它代表值的异构集合。换句话说,元组允许存储不同类型的多个字段。元组也可以作为参数传递给函数。
语法
var tuple_name = [value1,value2,value3,…value n]
示例
var mytuple = [10,"Hello"];
您还可以在打字稿中声明一个空元组,然后选择稍后对其进行初始化。
var mytuple = []; mytuple[0] = 120 mytuple[1] = 234
访问元组中的值
元组值被单独称为项目。元组是基于索引的。这意味着可以使用相应的数字索引访问元组中的项。元组项的索引从零开始并且向上扩展到n-1个(其中Ñ是元组的大小)。
语法
tuple_name[index]
示例:简单的元组
var mytuple = [10,"Hello"]; //create a tuple console.log(mytuple[0]) console.log(mytuple[1])
在上面的例子中,声明了元组mytuple。元组分别包含数字和字符串类型的值。
在编译时,它会在JavaScript的中生成相同的代码。
它的输出如下:
10 Hello
示例:空的元组
var tup = [] tup[0] = 12 tup[1] = 23 console.log(tup[0]) console.log(tup[1])
在编译时,它会在JavaScript的中生成相同的代码。
它的输出如下:
12 23
元组的操作
打字稿中的元组支持各种操作,例如推送新项目,从元组中删除项目等。
示例
var mytuple = [10,"Hello","World","typeScript"]; console.log("Items before push "+mytuple.length) // returns the tuple size mytuple.push(12) // append value to the tuple console.log("Items after push "+mytuple.length) console.log("Items before pop "+mytuple.length) console.log(mytuple.pop()+" popped from the tuple") // removes and returns the last item console.log("Items after pop "+mytuple.length)
推()一个将项附加到元型态组
pop()方法删除并返回元组中的最后一个值
在编译时,它会在JavaScript的中生成相同的代码。
上面的代码的输出如下:
Items before push 4 Items after push 5 Items before pop 5 12 popped from the tuple Items after pop 4
更新元组
元组是可变的,这意味着你可以更新或更改元组元素的值。
示例
var mytuple = [10,"Hello","World","typeScript"]; //create a tuple console.log("Tuple value at index 0 "+mytuple[0]) //update a tuple element mytuple[0] = 121 console.log("Tuple value at index 0 changed to "+mytuple[0])
在编译时,它会在JavaScript的中生成相同的代码。
上面的代码的输出如下:
Tuple value at index 0 10 Tuple value at index 0 changed to 121
解构一个元组
解构是指打破实体的结构。在元组的上下文中使用时,打字稿支持解构。
示例
var a =[10,"hello"] var [b,c] = a console.log( b ) console.log( c )
在编译时,它会生成以下的JavaScript代码:
//Generated by typescript 1.8.10 var a = [10, "hello"]; var b = a[0], c = a[1]; console.log(b); console.log(c);
它的输出如下:
10 hello
更多建议: