TypeScript 元组

2025年4月14日 | 阅读 3 分钟

我们知道数组存储相同数据类型的多个值。但有时，我们可能需要在单个变量中存储不同数据类型的多个值的集合。数组将不提供此功能，但 TypeScript 有一个名为元组的数据类型来实现此目的。元组是一个数组，它存储属于不同数据类型的多个字段。它类似于 C 编程语言中的结构体。

元组是一种数据类型，可以像任何其他变量一样使用。它表示值的异构集合，也可以作为参数传递给函数调用。

在抽象数学中，术语元组用于表示多维坐标系。JavaScript 没有元组作为数据类型，但 TypeScript 中可以使用元组。元组中元素的顺序很重要。

语法

示例

let arrTuple = [101, "JavaTpoint", 105, "Abhishek"];
console.log(arrTuple);

输出

[101, 'JavaTpoint', 105, 'Abhishek']

我们还可以通过最初在 Typescript 中将元组声明为空元组来单独声明和初始化元组。

示例

let arrTuple = []; 
arrTuple[0] = 101
arrTuple[1] = 105

访问元组元素

我们可以通过使用索引来读取或访问元组的字段，这与数组相同。在元组中，索引从零开始。

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];
console.log("Name of the Employee is : "+empTuple [0]);
console.log("Age of the Employee is : "+empTuple [1]);
console.log(empTuple [0]+" is working in "+empTuple [2]);

输出

Name of the Employee is: Rohit Sharma
Age of the Employee is: 25
Rohit Sharma is working in JavaTpoint

元组上的操作

元组有两个操作

Push()
Pop()

Push()

push 操作用于向元组添加一个元素。

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];
console.log("Items: "+empTuple);
console.log("Length of Tuple Items before push: "+empTuple.length);   // returns the tuple size
empTuple.push(10001);   // append value to the tuple 
console.log("Length of Tuple Items after push: "+empTuple.length);
console.log("Items: "+empTuple);

输出

Items: Rohit Sharma, 25, JavaTpoint
Length of Tuple Items before push: 3
Length of Tuple Items after push: 4
Items: Rohit Sharma, 25, JavaTpoint, 10001

Pop()

pop 操作用于从元组中删除一个元素。

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint", 10001];
console.log("Items: "+empTuple);
console.log("Length of Tuple Items before pop: "+empTuple.length);   // returns the tuple size
empTuple.pop();   // removed value to the tuple 
console.log("Length of Tuple Items after pop: "+empTuple.length);
console.log("Items: "+empTuple);

输出

Items: Rohit Sharma,25, JavaTpoint, 10001
Length of Tuple Items before pop: 4
Length of Tuple Items after pop: 3
Items: Rohit Sharma, 25, JavaTpoint

更新或修改元组元素

元组是可变的，这意味着我们可以更新或更改元组元素的值。要修改元组的字段，我们需要使用字段的索引和赋值运算符。我们可以通过以下示例来理解它。

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];
empTuple[1] = 30;
console.log("Name of the Employee is: "+empTuple [0]);
console.log("Age of the Employee is: "+empTuple [1]);
console.log(empTuple [0]+" is working in "+empTuple [2]);

输出

Name of the Employee is: Rohit Sharma
Age of the Employee is: 30
Rohit Sharma is working in JavaTpoint

清除元组的字段

我们不能删除元组变量，但可以清除其字段。要清除元组的字段，请为其分配一组空的元组字段，如下例所示。

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];
empTuple = [];
console.log(empTuple);

输出

[]

解构元组

解构允许我们分解实体的结构。TypeScript 在元组的上下文中使用了解构。

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];
let [emp, student] = empTuple;
console.log(emp);
console.log(student);

输出

Rohit Sharma
25

将元组传递给函数

我们可以将元组传递给函数，这可以在下面的示例中显示。

示例

//Tuple Declaration
let empTuple = ["JavaTpoint", 101, "Abhishek"];   
//Passing tuples in function  
function display(tuple_values:any[]) {  
   for(let i = 0;i<empTuple.length;i++) {   
      console.log(empTuple[i]);  
   }    
}  
//Calling tuple in function  
display(empTuple);

输出

JavaTpoint
101
Abhishek

下一主题Typescript-联合类型

TypeScript 元组

语法

示例

示例

访问元组元素

示例

元组上的操作

Push()

Pop()

示例

更新或修改元组元素

示例

清除元组的字段

示例

解构元组

示例

将元组传递给函数

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

TypeScript 教程

差异

面试题

TypeScript 元组

语法

示例

示例

访问元组元素

示例

元组上的操作

Push()

Pop()

示例

更新或修改元组元素

示例

清除元组的字段

示例

解构元组

示例

将元组传递给函数

示例

相关帖子

Typescript forEach

TypeScript 函数

Typescript 接口

如何安装 TypeScript？

TypeScript 数字

Let vs Var

TypeScript vs JavaScript

TypeScript 无限循环

TypeScript 决策制定

TypeScript 教程

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器