TypeScript 元组

在 TypeScript 中，元组表示具有固定数量和类型的数组。通常，在使用数组时，我们可以添加任何类型的元素（如数字、字符串等）。 但有时，我们希望使用具有固定类型和数量的数组。

创建元组

使用 TypeScript 创建元组的语法如下：

let myTuple:[string,number] = ['Hello World', 2021]

上面的代码将创建一个具有两个元素的元组。第一个元素的类型是字符串，第二个元素的类型是数字。

访问元组元素

我们可以使用数组索引访问元组元素，如下所示：

let message = myTuple[0]
let year = myTuple[1]

在上面的代码中，我们使用索引 0 和 1 分别访问元组的第一个和第二个元素。

迭代元组

使用 for...of 循环可以迭代元组中的每个元素，如下所示：

for(let item of myTuple) {
  console.log(item)
}

上面的代码将输出元组中的每个元素。

可选元素

在元组中，可以将某些元素标记为可选元素。要将元素标记为可选元素，请在类型定义中将其类型设置为 undefined | <Type>。例如：

let myTuple:[string, number?, boolean?] = ['Hello World']

在上面的代码中，第二个元素和第三个元素是可选的。

改变元组元素

也可以更改元组元素。要更改元素，请使用索引将它们分配给新的值，如下所示：

let myTuple:[string,number] = ['Hello World', 2021]
myTuple[0] = 'Goodbye World'
myTuple[1] = 2022

在上面的代码中，我们将元组的第一个元素更改为 'Goodbye World'，将第二个元素更改为 2022。

总结

元组是 TypeScript 中的一种有用的数据类型，可以用于表示具有固定数量和类型的数组。我们可以使用索引访问元组元素，也可以使用 for...of 循环迭代每个元素。还可以将元素标记为可选元素，并更改元组中的元素。