TypeScript元组

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

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

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

语法

let tuple_name = [val1,val2,val3, ...val n];

示例

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

元组操作

元组有两个操作：

1. Push()
2. 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("员工姓名是：" + empTuple [0]);
console.log("员工年龄是：" + empTuple [1]);
console.log(empTuple [0] + "在" + empTuple [2] + "工作");

输出:

员工姓名是：Rohit Sharma
员工年龄是：30
Rohit Sharma在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

将元组传递给函数

我们可以将元组传递给函数，如下面的示例所示。

示例

//元组声明
let empTuple = ["JavaTpoint", 101, "Abhishek"];   
//在函数中传递元组  
function display(tuple_values:any[]) {  
   for(let i = 0;i

输出:

JavaTpoint
101
Abhishek