TypeScript的数组和元组

这篇博客探讨了TypeScript中的数组和元组。数组的定义与JavaScript类似,但在TypeScript中可以指定数组元素的类型。元组则是一种长度固定、每项元素类型已知的数组形式,提供更严格的类型约束。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

数组

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

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

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

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

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

元组(Tuple)

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

const peopleInfo = ['Dylan', 'male', 23];

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

const peopleArr: [string, string, number] = ['Dylan', 'male', 23];
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值