学习TypeScrip9(元组类型)

本文介绍了元组在TypeScript中的概念,包括其定义、与集合的区别,以及在固定大小、不同类型值组合、自定义命名和可选元素等方面的使用。重点讲解了元组在处理Excel数据返回和避免越界错误的应用场景。
摘要由CSDN通过智能技术生成

一、什么是元组

元组(Tuple)是固定数量的不同类型的元素的组合(元组就是数组的变种)

二、元组与集合的不同之处

元组与集合的不同之处在于,元组中的元素类型可以是不同的,而且数量固定。元组的好处在于可以把多个元素作为一个单元传递。如果一个方法需要返回多个值,可以把这多个值作为元组返回,而不需要创建额外的类来表示。

三、使用场景

如果需要一个固定大小的不同类型值的集合,我们需要使用元组。

3.1. 基本使用

let arr: [number, string] = [1, 'string'];
let arr2: readonly [number, boolean, string, undefined] = [1, true, 'sring', undefined];

3.2. 当赋值或访问一个已知索引的元素时,会得到正确的类型

当赋值或访问一个已知索引的元素时,会得到正确的类型:

let arr: [number, string] = [1, 'string'];
arr[0].length; //error 数字是没有length 的
arr[1].length; //success

3.3. 支持自定义名称和变为可选的

元组类型还可以支持自定义名称和变为可选的

let a:[x:number,y?:boolean] = [1]

四、越界元素

let arr: [number, string] = [1, 'string'];
arr.push(true); //error
  • 对于越界的元素他的类型被限制为 联合类型(就是你在元组中定义的类型)如下图

在这里插入图片描述

五、应用场景:定义excel返回的数据

let excel: [string, string, number, string][] = [
	['title', 'name', 1, '123'],
	['title', 'name', 1, '123'],
	['title', 'name', 1, '123'],
	['title', 'name', 1, '123'],
	['title', 'name', 1, '123'],
];

学习TypeScrip10(枚举类型)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值