TypeScript的数组和元组

时间：2024-10-22 11:05:27

数组

在TypeScript中数组的定义与JavaScript中别无二致，但是JavaScript中的数组具有很大灵活性，即数组内可以存储任意类型数据。那么在TypeScript中能不能做到呢？
答案是肯定的：

const arr: (string | number | boolean)[] = [1, '2', true];
  • 1

以上例子都是存储的基础类型数据，对象类型也是可以的，写法基本一致，只是稍微麻烦一点：

//type alias 类型别名
type People = { name: string, age: number, sex: string };
const peopleArr: People[] = [{ name: 'Tom', age: 23, sex: 'men' }];
  • 1
  • 2
  • 3

上面的代码用类型别名定义了一个People类型，然后peopleArr就是一个只能存储People类型数据的数组。

元组（Tuple）

元组可以理解为一个长度，每一项元素类型都确定的数组，例如：

const peopleInfo = ['Dylan', 'male', 23];
  • 1
'
运行

此时TypeScript推断出的peopleInfo的类型是一个数组(string | number)[]。可是这样的类型注解并没有太多的约束力，假如说我确定这个数组的长度一定为3，而且数组的前两个元素一定是字符串，最后一个元素一定是数字，那么它就是一个元组，此时的类型注解如下：

const peopleArr: [string, string, number] = ['Dylan', 'male', 23];
  • 1

相关文章