前端笔记 - 【TypeScript】 - Omit类型 与 Pick类型

前言

• Omit类型 与 Pick类型 是 TS 的 内置类型；

• ❗ 注意 ：

  • Omit类型 与 Pick类型 都是 泛型；

• 大家看下面的例子一看就明白了👍👍👍；

• 下面的代码就以类型Person为例：

  • 以下方式二选一即可；

  type Person = {
      name: string;
      age: number;
      likes?: string[];
      gender: 0 | 1;
  };
  
  interface Person {
      name: string;
      age: number;
      likes?: Array<string>;
      gender: 0 | 1;
  };

一、Omit类型

• 作用 ：

  • 以 一个类型 为 基础 ，支持 剔除 某些类型 ，然后 返回 一个 新类型；
  • 简单来说就是，从现有的类型中剔除掉某些属性；

• ❗ 注意 ：

  • 如果想 剔除多个 ，可以使用 联合类型；

• 示例演示：

  // Omit：从现有类型中，剔除某些类型
  
  type Person = {
    name: string;
    age: number;
    likes?: string[];
    gender: 0 | 1;
  };
  
  type OmitPerson = Omit<Person, 'age' | 'likes'>;

• 

二、Pick类型

• 作用 ：

  • 从 类型 的 属性中 ，选取 指定一组 属性 ，然后 返回 一个 新类型；
  • 简单来说就是，从现有的类型中，选取指定的类型；

• 示例演示：

  // Pick：从现有类型中，取出某些属性
  
  interface Person1 {
    name: string;
    age: number;
    likes?: Array<string>;
    gender: 0 | 1;
  }
  
  type PinkPerson1 = Pick<Person1, 'age' | 'name' | 'gender'>;

•