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]
相关推荐
大风起兮云飞扬丶1 分钟前
react大列表更新时优化
前端·react.js·前端框架
0思必得03 分钟前
[Web自动化] HTML5常见新增标签
前端·python·自动化·html5·web自动化
Alair‎3 分钟前
103React数据处理
开发语言·前端·javascript
黛色正浓8 分钟前
【React18+TypeScript】React 18 for Beginners
javascript·react.js·typescript
Zhi.C.Yue8 分钟前
React 状态更新中的双缓冲机制、优先级调度
前端·javascript·react.js
nnnnna10 分钟前
插槽(Slots)(完整详细版)
前端·vue.js
游戏开发爱好者811 分钟前
H5 混合应用加密 Web 资源暴露到 IPA 层防护的完整技术方案
android·前端·ios·小程序·uni-app·iphone·webview
hayzone13 分钟前
pnpm 你用了吗?
前端
星浩AI13 分钟前
手把手教你用 RAG 打造专属知识库问答系统
后端
hellsing17 分钟前
UniPush 2.0 实战指南:工单提醒与多厂商通道配置
前端·javascript