TypeScript的新类型(五):tuple元组

定义

元组(tuple)是⼀种特殊的数组类型,可以存储固定数量的元素,并且每个元素的类型是已知的且可以不同。元组⽤于精确描述⼀组值的类型,?表示可选元素。

  • 注意: 在ts中tuple 不是关键词 ,只是⼀种 特殊的数组 形式
  • 可以存储固定数量元素,且元素类型已定义并且可以不同
  • 给元组赋值时元素的个数元素类型都要符合定义时候的声明(除了 ? 可选元素和 ...元素类型[] 任意数量元素情况)
ts 复制代码
// 第⼀个元素必须是 string 类型,第⼆个元素必须是 number 类型。
let arr1: [string,number]
arr1 = ['hello',123]
// 不可以赋值,arr1声明时是两个元素,赋值的是三个
arr1 = ['hello',123,false]

?可选元素的定义

  • ?加在元素后面,表示该属性为可选元素
ts 复制代码
// 第⼀个元素必须是 number 类型,第⼆个元素是可选的,如果存在,必须是 boolean 类型。
let arr2: [number,boolean?]
arr2 = [100,false]
arr2 = [200]

...元素类型[],任意数量的元素的定义

  • ...string[]允许元组有任意数量的元素,在...后元素的数据类型
ts 复制代码
// 第⼀个元素必须是 number 类型,后⾯的元素可以是任意数量的 string 类型
let arr3: [number,...string[]]
arr3 = [100,'hello','world']
arr3 = [100]
相关推荐
TZOF3 小时前
TypeScript的object大小写的区别
前端·后端·typescript
用户025686170323 小时前
前端面试-leetcode力扣hot100算法题Day1
前端
笔尖的记忆3 小时前
浏览器的观察者
前端·javascript
高热度网3 小时前
初始化electron项目运行后报错 electron uninstall 解决方法
前端·javascript
前端AK君3 小时前
React license 争议
前端·react.js
我的写法有点潮3 小时前
竟然被element-plus背刺了
前端·javascript·vue.js
南村群童欺我老无力3 小时前
100-app-challenge 第二期 GestureGo手势识别
前端·浏览器
unknown不想说话474553 小时前
什么是Module Federation2
前端
岁月宁静3 小时前
AI 聊天消息长列表性能优化:后端分页 + 前端虚拟滚动
前端·vue.js·人工智能