TS:Omit、Pick、Exclude 定義新類型interface

MyFreeIT

已于 2023-12-28 14:19:31 修改

阅读量438

点赞数 8

分类专栏：前端文章标签：前端 typescript

于 2023-12-28 14:18:48 首次发布

创作源自于MyFreeIT

本文链接：https://blog.csdn.net/MyFreeIT/article/details/135268168

版权

前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

Omit剔除某些字段

type User = {

id: string;

name: string;

email: string;

};

type UserWithoutEmail = Omit<User, "email">;
// UserWithoutEmail ={id: string;name: string;}

Pick選擇某些字段

      interface Todo {
        title: string;
        description: string;
        completed: boolean;
      }
      
      type TodoPreview = Pick<Todo, "title" | "completed">;
      
      const todo: TodoPreview = {
        title: "Clean room",
        completed: false
      };

Exclude交集的反面

       type T0 = Exclude<"a" | "b" | "c", "a">;      
       // "b" | "c"
       type T1 = Exclude<"a" | "b" | "c", "a" | "b">;     
       // "c"
       type T2 = Exclude<string | number | (() => void), Function>; 
       // string | number