ts 之 Pick 和 Omit

已于 2022-04-14 21:15:04 修改
阅读量1.8w 收藏 28
点赞数 13
文章标签： 前端 typescript
于 2022-03-30 22:09:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44051815/article/details/123858655
版权

Pick

从类型定义的属性中，选取指定一组属性，返回一个新的类型定义。

type Pick<T, K extends keyof T> = {
   
  [P in K]: T[P];
};

使用场景

主要是从一个已知的类型中，取出子集，作为一个新的类型返回。

interface Person {
   
  name: string;
  age: number;
  id: number
最低0.47元/天 解锁文章
别样红。
关注
  • 13
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ts中Omit损失类型问题
riddle1981的博客
07-02 672
因此，当你尝试从该接口中剔除某个属性时，TypeScript 会为了保持一致性而将其他属性的类型也更改为索引签名指定的类型。此时剔除属性data，预期应当获得类型date与任意键值类型接收，即date可以获得[string, string]的类型提示，但实际a的类型为。结论：被继承的基础接口类型应当避免使用[key: string]: any，以避免产生后续类型提示上的问题。当Omit剔除的ts本身包含任意键即[key: string]，则Omit的类型会丢失其余属性的类型。因此，获得的类型与预期不符。
TS:Omit、Pick、Exclude 定義新類型interface
MyFreeIT
12-28 427
TS:Omit、Pick、Exclude 定義新類型interface
[TS 类型体操] 初体验之Pick 与 Omit
军火库
09-09 941
1.使用keyof对类型进行提取2.使用 extends 对类型进行限制的两种方法条件约束(Generic Constraints)条件类型(Conditional Types)3.使用 T[P] 来获得类型索引访问类型(Indexed Access Types)4.as never 来将 union 中的元素去除类型断言(Type Assertions)5.使用 in 来进行遍历映射类型(Mapped Types)这是我自己的练题仓库。
ts(TypeScript)常用语法(Omit、Pick、Partial、Required)
热门推荐
jojo1001的博客
11-01 3万+
ts(TypeScript)常用语法 比如有一个联系人列表 export interface Contact{ name: string; // 姓名 phone?: string; // 手机号 email?: string; // 邮箱 avatar: string; // 头像 userid: string; // id } 1.去除类型中某些项（官方提供） 现在需要定义一个新的数据类型，新的联系人列表没有邮箱项 可以使用Omit，其源码如下 /** * Construct a
TS 全局泛型工具Pick、Omit
m0_73461567的博客
02-23 2627
使用： Pick使用： Omit【 一 】： Pick 可以从一个对象类型中 取出某些属性。全局泛型工具 Pick 可以从一个对象类型中 取出某些属性。【 二 】： Omit 可以从一个对象类型中 排出某些属性。全局泛型工具 Omit 可以从一个对象类型中 排出某些属性。Pick 与 Omit 【TS内置全局类型】从类型对象中排出 指定的属性类型，
TS的实用程序类型Pick和Omit
04-18 952
TypeScript 提供了几种实用程序类型来促进常见的类型转换，本文着重介绍其中的佼佼者 Pick 和 Omit
ts中Pick与Omit的使用
LiliRush的博客
08-08 613
Pick<类型名，‘属性名1’|‘属性名2’|...>Omit<属性名，‘属性名1’|‘属性名2’|...>三、将两个声明类型合并成新的类型，使用。
写TS效率大提升,TS常用内置工具类Omit、Pick、Partial、Required、Readonly、Exclude 、Extract、ReturnType、NonNullable
天渺(喵)工作室
05-29 5147
TS中常用的工具映射类型,让写TS时效率大大提升,避免无意义的重复性定义。 1.Omit 省略/剔除 顾名思义 可以剔除 已定义对象中 自己不需要的一部分形成新的定义类型。 interface UserObj { readonly name: string; // readonly 只读属性 只能初始化定义 不能二次赋值 age: number; id: number; sex: 0 | 1; address: string; weight: number;
proposal-object-pick-or-omit：更方便地引入“ Object.prototype。{pick，omit}”。
02-25
Object.{pick,pickBy} / Object.{omit,omitBy} ECMAScript关于Object.pick ， Object.pickBy ， Object.omit和Object.omitBy提案，规格和参考实现。 规范由起草。动机通过选择或忽略对象的属性来方便地操作对象，如...
filter-anything：“ pick”和“ omit”的简单（TypeScript）集成，用于过滤对象的道具
02-22
过滤任何东西 :crossed_swords: npm i filter-anything一种过滤掉对象道具的实现，例如TypeScript“ pick”和“ omit”。 在Laravel世界中，这也称为“填充物”和“防护物”。动机我创建此程序包是因为我需要： 能够...
omit-deep-lodash：递归地忽略对象键值
02-03
omit-deep-lodash解决了此问题，仅将lodash用作外部依赖项。 该模块的代码使用Javascript语言中的新功能，但是该代码已由Babel转换为ES2015，因此，大多数需要它的项目都应该可以使用它。 注意！ 所有作为对象的...
object.omit.zip
07-15
object.omit 是一个 JavaScript 库，实现从一个对象中排除某些指定属性并返回最新结果。例如：omit({a: 'a', b: 'b', c: 'c'}, 'a') //=> { b: 'b', c: 'c' } omit({a: 'a', b: 'b', c: 'c'},...
omit-generics：省略实例派生的字段
02-04
omit-generics：省略实例派生的字段
TS的内置类型-Pick,Omit
qq_40589140的博客
10-26 350
今天我们聊聊Typescript的内置工具类型，其中有两个类型颇为有意思。那就是Pick (选取)和Omit (排除)。从类型对象中选取指定的属性类型从类型对象中排除指定的属性类型，得到剩余的。
Ts中Omit的作用
weixin_56166823的博客
06-17 669
【代码】Ts中Omit的作用。
Ts中的Pick，Omit，Extract和Exclude区别
楠姐的博客
09-11 5908
Pick，Omit，Extract和Exclude
ts中的Pick与Omit
weixin_55973411的博客
08-13 204
Pick / Omit : Ts内置的工具类型函数。Pick: 从已有类型中选择出某些字段，组成新类型。Omit: 从已有类型中剔除某些字段，组成新类型。
TS高级技巧（Pick，Partial等）
u010565037的博客
05-31 1730
1.1 keyof keyof 与 Object.keys 略有相似，只不过 keyof 取 interface 的键 interface Point { x: number; y: number; } // type keys = "x" | "y" type keys = keyof Point; 假设有一个 object 如下所示，我们需要使用 typescript 实现一个 get 函数来获取它的属性值 const data = { a: 3, hello: 'wo
日常工作记录目录
最新发布
与海
06-21 207
EasyExcel实现二维码下载与展示
ts 映射类型 omit
06-06
在 TypeScript 中，`Omit` 是一个非常有用的映射类型，可以用来从一个类型中删除指定的属性。它的定义如下： ``` type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>; ``` 其中，`Exclude` 是 TypeScript 内置的一个类型，它可以从一个类型的联合类型中排除指定的类型。`Pick` 则是用来从一个类型中挑选出指定的属性。 例如，假设有一个对象类型 `MyObject`： ``` type MyObject = { a: string; b: number; c: boolean; }; ``` 我们想要从中删除属性 `b`，可以使用 `Omit` 映射类型： ``` type MyNewObject = Omit<MyObject, 'b'>; ``` 这里的 `MyNewObject` 将是一个新的类型，它将不包含属性 `b`。如果我们使用 `keyof` 操作符来获取 `MyObject` 的所有键，我们可以看到 `Exclude` 是如何工作的： ``` type MyKeys = keyof MyObject; // 'a' | 'b' | 'c' type MyNewKeys = Exclude<MyKeys, 'b'>; // 'a' | 'c' ``` 在这个例子中，`Exclude` 将从 `'a' | 'b' | 'c'` 中排除了 `'b'`，得到了新的键 `'a' | 'c'`。然后，`Pick` 将从 `MyObject` 中选择包含这些键的属性，得到了新的类型 `MyNewObject`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值