【类型挑战】元组转联合,难度⭐️⭐️
2023-02-18 16:41:24 时间
知识运用:
- T[number]的使用;
- 数组类型、元祖类型的属性遍历;
- 再次熟悉keyof的使用。
题目分析:
如上图所示,我们需要设计的通用类型工具需要满足将传入的数组类型转为由其元素类型组成的联合类型。
题目解答:
测试用例:
本次的测试用例也相对简单,判定给定的数组类型在转为联合类型后是否一致。
/* _____________ 测试用例 _____________ */
import type { Equal, Expect } from '@type-challenges/utils'
type cases = [
Expect<Equal<TupleToUnion<[123, '456', true]>, 123 | '456' | true>>,
Expect<Equal<TupleToUnion<[123]>, 123>>,
]
复制代码
答案及解析:
- 第一步约定输入类型T必须是一个数组类型,可以试任意数组。
- 我们在遍历数组类型的时候需要用到in关键词,但直接in T[number]得到每一个Key,我们给value部分也赋值Key。
- 那我们得到的结果将是一个对象类型,再通过keyof就得到了最终的联合类型结果。
- 还有一种答案就是直接使用T[number]得到的就是一个数组对应的联合类型。不知道社区的答案为啥还是五花八门的,不过多种方案尝试学习比直接用API要好吧。
/* _____________ 答案 _____________ */
type TupleToUnion<T extends any[]> = keyof {
[Key in T[number]]: Key
}
type TupleToUnion<T extends any[]> = T[number];
复制代码
接下来的一题是:【类型挑战】链式选项,难度⭐️⭐️
相关文章
- 装配式建筑一站式交付平台方“大乐装”完成近亿元B轮融资 | 腾讯SaaS加速器 · 学员动态
- 腾讯云 DevOps 产品年度报告
- VScode + keil开发环境搭建安装使用过程
- 抛弃IDE — 在window下使用VScode搭建ARM开发环境
- 如何使用CubeMx生成一个DFU工程
- 【进阶】详解KEIL的分散加载文件
- 深耕宽带无线路由细分领域 深圳信丰伟业创新研发铸就行业标杆
- UDP/TCP 包的大小限制是多少?
- 几种用jLink命令行烧录hex文件的方法
- 深耕热管高效散热细分领域,广东新创意科技助推电子行业蓬勃发展
- 图文详解STM32单片机远程升级
- 熟悉又陌生的arm 编译器详解(armcc/armclang)
- STM32高级开发——使用DFU方案
- MDK Keil使用GCC编译图文详解
- 聊聊程序分散加载启动的奥秘
- UniPro即时通信集成机器人 让远程办公信息管理效率加速
- c语言实现任务调度器
- 分支路径图调度框架在 vivo 效果广告业务的落地实践
- 刷题时遇到了内存超界?分享一点小技巧
- LeetCode周赛323,LeetCode官方的福利专场