当前位置：极客教程 > TypeScript > TypeScript 基础教程 > TypeScript元组

TypeScript元组

TypeScript元组

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

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

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

语法

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

示例

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

输出：

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

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

示例

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

访问元组元素

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

示例

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]);
JavaScript

输出：

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

元组操作

元组有两个操作：

  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);
JavaScript

输出：

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
JavaScript

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);
JavaScript

输出：

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
JavaScript

更新或修改元组元素

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

示例

let empTuple = ["Rohit Sharma", 25, "JavaTpoint"];
empTuple[1] = 30;
console.log("员工姓名是：" + empTuple [0]);
console.log("员工年龄是：" + empTuple [1]);
console.log(empTuple [0] + "在" + empTuple [2] + "工作");
JavaScript

输出:

员工姓名是：Rohit Sharma
员工年龄是：30
Rohit Sharma在JavaTpoint工作
JavaScript

清空元组字段

我们无法删除元组变量，但可以清除其字段。要清除元组的字段，请将其分配给一个空的元组字段集，如下面的示例所示。

示例

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

输出:

[]
JavaScript

元组解构

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

示例

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

输出:

Rohit Sharma
25
JavaScript

将元组传递给函数

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

示例

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

输出:

JavaTpoint
101
Abhishek
JavaScript

Python教程

Python 教程

Python 教程
Tkinter 教程

Tkinter 教程
Pandas 教程

Pandas 教程
NumPy 教程

NumPy 教程
Flask 教程

Flask 教程
Django 教程

Django 教程
PySpark 教程

PySpark 教程
wxPython 教程

wxPython 教程
SymPy 教程

SymPy 教程
Seaborn 教程

Seaborn 教程
SciPy 教程

SciPy 教程
RxPY 教程

RxPY 教程
Pycharm 教程

Pycharm 教程
Pygame 教程

Pygame 教程
PyGTK 教程

PyGTK 教程
PyQt 教程

PyQt 教程
PyQt5 教程

PyQt5 教程
PyTorch 教程

PyTorch 教程
Matplotlib 教程

Matplotlib 教程
Web2py 教程

Web2py 教程
BeautifulSoup 教程

BeautifulSoup 教程

Java教程

Java 教程

Java 教程

Web教程

HTML 教程

HTML 教程
CSS 教程

CSS 教程
CSS3 教程

CSS3 教程
jQuery 教程

jQuery 教程
Ajax 教程

Ajax 教程
AngularJS 教程

AngularJS 教程
TypeScript 教程

TypeScript 教程
WordPress 教程

WordPress 教程
Laravel 教程

Laravel 教程
Next.js 教程

Next.js 教程
PhantomJS 教程

PhantomJS 教程
Three.js 教程

Three.js 教程
Underscore.JS 教程

Underscore.JS 教程
WebGL 教程

WebGL 教程
WebRTC 教程

WebRTC 教程
VueJS 教程

VueJS 教程

数据库教程

SQL 教程

SQL 教程
MySQL 教程

MySQL 教程
MongoDB 教程

MongoDB 教程
PostgreSQL 教程

PostgreSQL 教程
SQLite 教程

SQLite 教程
Redis 教程

Redis 教程
MariaDB 教程

MariaDB 教程

图形图像教程

Vulkan 教程

Vulkan 教程
OpenCV 教程

OpenCV 教程

大数据教程

R语言 教程

R语言 教程

开发工具教程

Git 教程

Git 教程
VSCode 教程

VSCode 教程
Docker 教程

Docker 教程
Gerrit 教程

Gerrit 教程
Excel 教程

Excel 教程

计算机教程

Go语言 教程

Go语言 教程
C++ 教程

C++ 教程

TypeScript 基础教程

登录

找回密码？

注册