元组（tuple）以及可变元组

原创已于 2023-03-23 16:52:55 修改 · 256 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#元组 #typescript #tuple #可变元组

收录于

于 2023-03-23 16:29:04 首次发布

typeScript 专栏收录该内容

6 篇文章

订阅专栏

文章介绍了元组在TypeScript中的特性，包括其定义时的类型约束和只读性质。通过示例展示了如何创建只读数组以及可变元组的使用，特别是可变元组在部分元素需要保持不变而其他元素需灵活的情况下的应用。同时提到了元组解构和标签命名的方式。

满足以下3点的数组就是元组

1、在定义时每个元素的类型都确定

2、元素值的数据类型必须是当前元素定义的类型

3、元素值的个数必须和定义时个数相同

let salary: [string, number, number, number] = ['张三', 100, 100, 100]

如何不让修改数组中的值（只读）

const arr = [10, 20]
arr[1] = 100 // 可以修改
const newarr = [10, 20] as const
newarr[1] = 100// 不可以修改

可变元组已经应用场景

// let salary: [string, number, number, number] = ['张三', 100, 100, 100]
//现在有一个需求前面几个值不修改，后面几个需要灵活
// 可变元组
let salary: [string, number, ...any[]] = ['张三', 100, 100, 100, 'sadsa']
// 可变元组的解构
let [name, cardId, ...rest] = ['张三', 100, 100, 100, 'sadsa']
console.log(name, cardId, '可变元组', rest)

可变元组tag

// 可变元组tag 标签名可以一样也可以不一样
let [name, cardId, ...rest]: [name_: string, cardId: number, ...rest_: any[]] = ['张三', 100, 100, 100, 'sadsa']
console.log(name, cardId, '可变元组', rest)