【类型挑战】元组转联合,难度⭐️⭐️

简介: 【类型挑战】元组转联合,难度⭐️⭐️

知识运用:


  1. T[number]的使用;
  2. 数组类型、元祖类型的属性遍历;
  3. 再次熟悉keyof的使用。


题目分析:


题目地址:10-medium-tuple-to-unionimage.png

如上图所示,我们需要设计的通用类型工具需要满足将传入的数组类型转为由其元素类型组成的联合类型。


题目解答:


测试用例:

本次的测试用例也相对简单,判定给定的数组类型在转为联合类型后是否一致。

/* _____________ 测试用例 _____________ */
import type { Equal, Expect } from '@type-challenges/utils'
type cases = [
  Expect<Equal<TupleToUnion<[123, '456', true]>, 123 | '456' | true>>,
  Expect<Equal<TupleToUnion<[123]>, 123>>,
]


答案及解析:

  1. 第一步约定输入类型T必须是一个数组类型,可以试任意数组。
  2. 我们在遍历数组类型的时候需要用到in关键词,但直接in T[number]得到每一个Key,我们给value部分也赋值Key。
  3. 那我们得到的结果将是一个对象类型,再通过keyof就得到了最终的联合类型结果。
  4. 还有一种答案就是直接使用T[number]得到的就是一个数组对应的联合类型。不知道社区的答案为啥还是五花八门的,不过多种方案尝试学习比直接用API要好吧。
/* _____________ 答案 _____________ */
type TupleToUnion<T extends any[]> = keyof {
  [Key in T[number]]: Key
}
type TupleToUnion<T extends any[]> = T[number];


去演练场验证答案



相关文章
|
6月前
类型提升和不同类型计算时的痛点和难度
类型提升和不同类型计算时的痛点和难度
|
6月前
|
存储 算法
【编码狂想】LeetCode 字符串和数组篇:挑战算法精髓,深化程序设计基础
【编码狂想】LeetCode 字符串和数组篇:挑战算法精髓,深化程序设计基础
54 0
|
6月前
|
存储 JavaScript 前端开发
无序中的秩序之美:集合数据为编程世界增添新的维度
无序中的秩序之美:集合数据为编程世界增添新的维度
|
安全 Go
Go语言字典无限进化,实现可存任意类型值!
Go语言字典无限进化,实现可存任意类型值!
67 0
|
C语言
C语言程序设计(王立柱)第五章答案 结构,联合,枚举
只有聪明人才能看见的摘要~( ̄▽ ̄~)~
89 0
|
测试技术 索引
【类型挑战】最后一个元素,难度⭐️⭐️
【类型挑战】最后一个元素,难度⭐️⭐️
117 0
【类型挑战】最后一个元素,难度⭐️⭐️
|
测试技术 索引
【类型挑战】实现 Omit,难度⭐️⭐️
【类型挑战】实现 Omit,难度⭐️⭐️
241 0
【类型挑战】实现 Omit,难度⭐️⭐️
|
测试技术 索引
【类型挑战】获取元祖长度,难度⭐️
【类型挑战】获取元祖长度,难度⭐️
207 0
【类型挑战】获取元祖长度,难度⭐️
|
测试技术
【类型挑战】元组转换为对象,难度⭐️
【类型挑战】元组转换为对象,难度⭐️
244 0
【类型挑战】元组转换为对象,难度⭐️
|
JavaScript 测试技术 索引
【类型挑战】第一个元素,难度⭐️
【类型挑战】第一个元素,难度⭐️
118 0
【类型挑战】第一个元素,难度⭐️