TypeScript 元组 |

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

乐观的冰棍 · 2023年宁波义务段学校招生入学政策公布 ...· 2 月前 ·

旅途中的硬盘 · 康师傅回应"日资"传闻最大股东仍为台湾顶新集团· 4 月前 ·

聪明伶俐的柠檬 · 使命召唤16战区不显示字幕怎么办，怎么开启字 ...· 6 月前 ·

慷慨大方的野马 · 《紫罗兰永恒花园》结局（2020剧场版）导读 ...· 1 年前 ·

近视的包子 · 巴黎奥运会首场测试赛今年7月举行_北京日报A ...· 1 年前 ·

我们知道数组中元素的数据类型都一般是相同的（any[] 类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。

元组中允许存储不同类型的元素，元组可以作为参数传递给函数。

创建元组的语法格式如下：

var tuple_name = [value1,value2,value3,…value n]

声明一个元组并初始化：

var mytuple = [10,"Runoob"];

或者我们可以先声明一个空元组，然后再初始化：

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234

元组中元素使用索引来访问，第一个元素的索引值为 0，第二个为 1，以此类推第 n 个为 n-1，语法格式如下:

tuple_name[index]

以下实例定义了元组，包含了数字和字符串两种类型的元素：

TypeScript

var mytuple = [ 10 , " Runoob " ] ; // 创建元组 console . log ( mytuple [ 0 ] ) console . log ( mytuple [ 1 ] )

编译以上代码，得到以下 JavaScript 代码：

JavaScript

var mytuple = [ 10 , " Runoob " ] ; // 创建元组 console . log ( mytuple [ 0 ] ) ; console . log ( mytuple [ 1 ] ) ;

输出结果为：

Runoob

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

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 , " Runoob " , " Taobao " , " Google " ] ; // 创建一个元组 console . log ( " 元组的第一个元素为： " + mytuple [ 0 ] ) // 更新元组元素 mytuple [ 0 ] = 121 console . log ( " 元组中的第一个元素更新为： " + mytuple [ 0 ] )

编译以上代码，得到以下 JavaScript 代码：

JavaScript

var mytuple = [ 10 , " Runoob " , " Taobao " , " Google " ] ; // 创建一个元组 console . log ( " 元组的第一个元素为： " + mytuple [ 0 ] ) ; // 更新元组元素 mytuple [ 0 ] = 121 ; console . log ( " 元组中的第一个元素更新为： " + mytuple [ 0 ] ) ;

输出结果为：

元组的第一个元素为：10
元组中的第一个元素更新为：121

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

TypeScript

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

编译以上代码，得到以下 JavaScript 代码：

JavaScript

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

输出结果为：

Runoob