TypeScript 元组

2019-01-27 17:30 更新

有时,可能需要存储各种类型的值的集合。数组不会达到这个目的.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 
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号