关于前端:类型挑战实现-Pick难度⭐️

Dear，大家好，我是“前端小鑫同学”，长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～

常识使用：

在实现Pick这道题目的过程中使用到的知识点如下：

Keyof 类型运算符；
Mapped Types 映射类型；
Indexed Access Types：索引拜访类型；
泛型中束缚类型参数；
题目剖析：
题目地址：4-easy-pick

如图所示咱们须要设计一个通用类型工具MyPick来反对从接口Todo中获取到title或completed属性并组成一个新的类型。
题目解答：
测试用例：
满足从Todo接口取出属性title及类型与Expected1类型统一。
满足从Todo接口取出属性title和completed及类型形成联结类型与Expected2类型统一。

当须要取出在Todo中不存在的属性invalid及类型时将抛出谬误。

/* _____________ 测试用例 _____________ */// 残缺测试用例可见 type-challenges我的项目，点击题目链接可转到import { Equal, Expect } from '@type-challenges/utils'type cases = [  Expect<Equal<Expected1, MyPick<Todo, 'title'>>>,  Expect<Equal<Expected2, MyPick<Todo, 'title' | 'completed'>>>,  // @ts-expect-error  MyPick<Todo, 'title' | 'completed' | 'invalid'>,]

答案及解析：

/* _____________ 答案 _____________ */type MyPick<T, K extends keyof T> = {  [key in K]: T[key]}

在演练场验证答案

通过keyof T来失去接口中所有属性的字符串组成的合集；
应用in来遍历联结类型K失去每次遍历的值key，模式为[key in keyof T]；
应用索引拜访类型，失去接口中特定属性的类型，模式为T[key]；
应用extends来束缚K均来自于T中；

在演练场看解题过程

接下来的一题是：【类型挑战】实现 Readonly，难度⭐️，纵情期待！

欢送关注我的公众号“前端小鑫同学”，原创技术文章第一工夫推送。

本文由博客一文多发平台 OpenWrite 公布！

常识使用：

题目剖析：

题目解答：

测试用例：

答案及解析：