知识运用:
- 认识什么是as const,有什么作用;
- 如何得到数组类型中的元素类型;
- Typeof 类型运算符的到被引用变量或属性的类型;
题目分析:
题目地址:11-easy-tuple-to-object如上图所示我们需要设计的类型工具需要满足将一个数组转为由其元素组成的key和value看着相同的对象类型。
题目解答:
测试用例:
测试用例还是挺简单的比较经过我们设计的类型工具处理后的结果后定义的内容是否一致,但当我们的元祖中元素存在对象类型时会抛出错误。
/* _____________ 测试用例 _____________ */ // 完整测试用例可见 type-challenges项目,点击题目链接可转到 import { Equal, Expect } from '@type-challenges/utils' const tuple = ['tesla', 'model 3', 'model X', 'model Y'] as const type cases = [ Expect<Equal<TupleToObject<typeof tuple>, { tesla: 'tesla'; 'model 3': 'model 3'; 'model X': 'model X'; 'model Y': 'model Y'}>>, ] // @ts-expect-error type error = TupleToObject<[[1, 2], {}]> 复制代码
答案及解析:
- 通过typeof tuple处理后我们得到了由只读的tuple内容组成的一份类型数组,在这里我们需要通过T[number]来得到元素的类型。
- 同样通过in来映射匹配数组每一条元素,当然了value也是这里的key,是相同的。
- 当然作为对象的key是不可以使用对象,数组这些类型的,所以我们的T需要约束为string[]类型来满足条件。
/* _____________ 答案 _____________ */ type TupleToObject<T extends readonly string[]> = { [key in T[number]]: key; } 复制代码