TypeScript-元组

60 阅读2分钟

TypeScript元组

元组是 TypeScript 中的一种数据结构,它允许您在数组中存储固定数量的元素,并且每个元素可以具有不同的数据类型。

  • 定义元组

使用以下语法来定义元组:

let myTuple: [number, string, boolean];

上述代码定义一个名为 myTuple 的元组,它包含了一个 number 一个 string 和一个 boolean 类型的元素。

  • 初始化元组

初始化元组时,需要按照元组类型的顺序提供对应数量和类型的元素:

let person: [string, number] = ["Alice", 30];

初始化了一个元组 person,其中第一个元素是字符串类型,第二个元素是数字类型。

  • 访问元组元素

可以通过索引访问元组中的元素:

console.log(person[0]); // 输出: "Alice"
console.log(person[1]); // 输出: 30
  • 元组的特性

    • 类型安全性: TypeScript 会根据定义的元组类型来进行类型检查,确保元素的类型与预期一致。

    • 固定长度: 元组的长度是固定的,一旦定义后,无法在不修改类型声明的情况下添加或删除元素。

    • 不同类型元素: 元组允许在一个数组中存储不同类型的元素。

完整的示例,展示了如何定义、初始化和访问元组:

// 定义一个元组类型
let employee: [string, number, boolean];

// 初始化元组
employee = ["John", 25, true];

// 访问元组元素
console.log("Name:", employee[0]);     // 输出: "John"
console.log("Age:", employee[1]);      // 输出: 25
console.log("Is Active:", employee[2]);// 输出: true

// 尝试赋予错误类型的值(类型检查会报错)
// employee[1] = "Thirty"; // 错误: 不能将 string 赋值给 number 类型

在上述示例中,我们定义了一个 employee 元组,其中包含了一个字符串、一个数字和一个布尔值。然后,我们通过索引访问了每个元素的值。