ts 之 Pick 和 Omit 的用法和区别

一、Pick

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

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

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

interface Person {
    
    
  name: string;
  age: number;
  id: number;
  sex: 0 | 1;
}

// 问女生年纪不太礼貌,所以我们不需要 age 这个属性
type Woman = Pick<Person, "name" | "id">;

// 此时 Woman 等效于 Female
interface Female {
    
    
  name: string;
  id: number;
}
原理解析

主要的逻辑就是如何利用泛型和联合类型,来动态的从一个已知的类型中,提取出它的子集。

K extends keyof T:
用来获取 T 类型的所有键的联合类型。

interface Person {
    
    
  name: string;
  age: number;
  id: number;
}

// Person 所有键的联合类型
type Keys = keyof Person; // 等效于 "name" | "age" | "id"

P in K
in 操作符可以遍历联合类型,枚举类型等…

interface Person {
    
    
  name: string;
  age: number;
  id: number;
}

// Person 所有键的联合类型
type Keys = keyof Person; // 等效于 "name" | "age" | "id"

// 此时 Man 类型与 Person 相等
type Man = {
    
    
  [key in Keys]: Person[key];
};

二、Omit

type Omit<T, K extends string | number | symbol> = {
    
    
  [P in Exclude<keyof T, K>]: T[P];
};

Omit 与 Pick 作用相似,只不过 Omit 是:以一个类型为基础支持剔除某些属性,然后返回一个新类型。

interface User {
    
    
  id: number;
  name: string;
  age: number;
  sex: 0 | 1;
  tel: number;
}

type EditUser = Omit<User, "id">; // 就是在 User 的基础上,去掉 id 属性

————————————————
版权声明:本文为CSDN博主「别样红。」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_44051815/article/details/123858655

猜你喜欢

转载自blog.csdn.net/hzxOnlineOk/article/details/133355729
今日推荐