【TypeScript】PickとOmit

TypeScript 初心者です。
React の型定義で Pick と Omit について学習したのでまとめてみました。

Pick

Pick<T, K> は既に存在する T 型の中から K で選択したプロパティのみを含んだ新たな型を構築する。
下記の例では、User型の name と email のみを含んだ UserItem型を作成している。

type User = {
  id: string;
  name: string;
  email: string;
  address: string;
};

type UserItem = Pick<User, "name" | "email">;
// | で複数指定可

const user: UserItem = {
  name: "hoge",
  email: "[e-mail]",
};

console.log(user); // => {name: "hoge", email: "[e-mail]"}

Omit

Omit<T, K>は既に存在する T 型の中から K で選択したプロパティを除いた新たな型を構築する。
下記の例では、User から id と address を除いた UserItem型を作成している。

type User = {
  id: string;
  name: string;
  email: string;
  address: string;
};

type UserItem = Omit<User, "id" | "address">;

const user: UserItem = {
  name: "hoge",
  email: "fuga",
};

console.log(user); //=> {name: "hoge", email: "[e-mail]"}