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

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

知识运用:


  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];


去演练场验证答案



相关文章
|
10月前
|
自然语言处理
数学基础从高一开始1、集合的概念
数学基础从高一开始1、集合的概念
81 0
|
3月前
|
存储 人工智能 JavaScript
【AI系统】公共表达式消除原理
公共子表达式消除(CSE)是编译器优化技术,旨在通过识别并消除重复计算的表达式,减少计算量,提升程序执行效率。CSE分为局部和全局两种,局部CSE仅在单个基本块内操作,而全局CSE跨越多个基本块。技术手段包括局部值编号和缓式代码移动等,广泛应用于传统编译器及AI编译器中,有效简化计算图,降低计算成本。
64 4
|
5月前
|
存储 监控 安全
解释网络切片:安全挑战与解决方案
解释网络切片:安全挑战与解决方案
124 4
浙大版《数据结构学习与实验指导(第2版)》案例5-1.1:线性探测法的查找函数
浙大版《数据结构学习与实验指导(第2版)》案例5-1.1:线性探测法的查找函数
350 0
|
测试技术 索引
【类型挑战】最后一个元素,难度⭐️⭐️
【类型挑战】最后一个元素,难度⭐️⭐️
131 0
【类型挑战】最后一个元素,难度⭐️⭐️
|
测试技术 索引
【类型挑战】实现 Omit,难度⭐️⭐️
【类型挑战】实现 Omit,难度⭐️⭐️
266 0
【类型挑战】实现 Omit,难度⭐️⭐️
|
测试技术
【类型挑战】元组转换为对象,难度⭐️
【类型挑战】元组转换为对象,难度⭐️
258 0
【类型挑战】元组转换为对象,难度⭐️
|
测试技术
【类型挑战】深度 Readonly,难度⭐️⭐️
【类型挑战】深度 Readonly,难度⭐️⭐️
332 0
【类型挑战】深度 Readonly,难度⭐️⭐️
|
测试技术
【类型挑战】获取函数返回类型,难度⭐️⭐️
【类型挑战】获取函数返回类型,难度⭐️⭐️
156 0
【类型挑战】获取函数返回类型,难度⭐️⭐️
|
JavaScript 前端开发 测试技术
【类型挑战】出栈,难度⭐️⭐️
【类型挑战】出栈,难度⭐️⭐️
158 0
【类型挑战】出栈,难度⭐️⭐️