TS 系列:使用元祖生成联合类型

简介: TS 系列:使用元祖生成联合类型

需求:有这么个需求,我们有两个数组,一个记录扑克牌花色,一个记录扑克牌点数,需要有一个函数,传递两个值,根据传递的值生成扑克牌,需要我们定义参数的类型检查。

思路:肯定不能用 string,这样范围太大了,我们可以使用元祖生成联合类型去检测

const colors = ["♠", "♥", "♣", "♦"] as const;
const values = ['2','3', '4', '5'. '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A'] as const;
 
type Values = typeof values[number]
type Colors = typeof colors[number]
 
function createCard(value: Values, color: Colors) {
  return {
    value,
    color
  }
}
目录
相关文章
|
4月前
|
JavaScript
TS 小技巧: 使用元组生成联合类型
这篇文章介绍了使用TypeScript开发时,如何根据一个数组的值得到一个联合类型。作者介绍了一个开发小技巧:使用元组生成联合类型。文章中给出了具体的开发场景和示例代码,以及实现的步骤。通过将数组转成元组类型,然后将元组类型转成联合类型,可以实现类型检查。
TS 小技巧: 使用元组生成联合类型
|
5月前
|
JavaScript
ts中的元组是什么有什么用
ts中的元组是什么有什么用
93 0
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
|
JavaScript 编译器 索引
TS进阶篇 | TS高级类型之字面量类型、联合类型、交叉类型(上)
TypeScript中除了基本类型之外,还定义了很多高级类型,高级类型包括字面量类型、联合类型、交叉类型、索引类型、映射类型、条件类型、this类型等。因为内容太多,所以这篇文章先来介绍前三个类型,其余类型会在高级类型的下篇介绍。
1170 0
【TS】数组和元组
【TS】数组和元组
87 0
|
编译器
【TS】联合类型--类型断言--类型推断
【TS】联合类型--类型断言--类型推断
88 0
【TS】函数和函数类型
【TS】函数和函数类型
75 0
|
JavaScript
TS类型推论
TS类型推论
90 0
ts重点学习16-数组类型
ts重点学习16-数组类型
83 0
ts重点学习16-数组类型