【零基础入门TypeScript】元组

目录

句法

例如

访问元组中的值

句法

示例:简单元组

示例:空元组

元组操作

例子

更新元组

例子

解构元组

例子



有时,可能需要存储不同类型的值的集合。数组不能用于此目的。TypeScript 为我们提供了一种称为元组的数据类型,有助于实现这样的目的。

它代表了异构值的集合。换句话说,元组能够存储不同类型的多个字段。元组也可以作为参数传递给函数。

句法

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

例如



var mytuple = [10,"Hello"];

您还可以在 Typescript 中声明一个空元组并选择稍后对其进行初始化。



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

访问元组中的值

元组值单独称为项目。元组是基于索引的。这意味着可以使用相应的数字索引来访问元组中的项目。元组项的索引从 0 开始,一直延伸到 n-1(其中 n 是元组的大小)。

句法

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 

元组操作

TypeScript 中的元组支持各种操作,例如推送新项目、从元组中删除项目等。

例子

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)
  • Push() 将一个项目附加到元组中

  • 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

解构元组

解构是指破坏实体的结构。在元组上下文中使用时,TypeScript 支持解构。

例子

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

相关推荐

  1. Python 基础——

    2024-01-29 16:34:02       27 阅读
  2. Lua 基础入门

    2024-01-29 16:34:02       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-29 16:34:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-29 16:34:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-29 16:34:02       82 阅读
  4. Python语言-面向对象

    2024-01-29 16:34:02       91 阅读

热门阅读

  1. 前端页面使用html2canvas生成图片

    2024-01-29 16:34:02       52 阅读
  2. C语言—数据结构之时间复杂度与空间复杂度

    2024-01-29 16:34:02       46 阅读
  3. php获取网卡的MAC地址原码;目前支持WIN/LINUX系统

    2024-01-29 16:34:02       43 阅读
  4. Docker 教程

    2024-01-29 16:34:02       51 阅读
  5. C++-gdb调试常用功能

    2024-01-29 16:34:02       50 阅读
  6. 【洛谷题解】P1028 [NOIP2001 普及组] 数的计算

    2024-01-29 16:34:02       57 阅读