【typescript】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