30. Pick と Omit

Pick<T, K> は、型 T から指定したプロパティだけを選んで新しい型を作ります。Omit<T, K> はその逆で、指定したプロパティを取り除いた型を作ります。

実務では「同じデータの部分集合」を表すのに使います。一覧画面には id と名前だけの要約型を Pick で、新規作成フォームにはサーバーが採番する id を除いた入力型を Omit で、という使い分けが定番です。

似た型を1から書き直すと、元の型の変更に追従できず食い違いが生まれます。「元になる型は1つ、派生は Pick / Omit で作る」と決めておくと、型同士の関係が崩れません。

▶ サンプルコードを実行してみよう(自由に書き換えてOK)

TypeScript

type Product = {
  id: number;
  productName: string;
  price: number;
  description: string;
};

// Pick: 必要なプロパティだけを選ぶ
type ProductSummary = Pick<Product, "id" | "productName">;
// Omit: 指定したプロパティを取り除く
type ProductInput = Omit<Product, "id">;

const summary: ProductSummary = { id: 1, productName: "コーヒー" };
const newProduct: ProductInput = {
  productName: "紅茶",
  price: 400,
  description: "セイロン産",
};

console.log(summary);
console.log(newProduct);

公式ドキュメントで詳しく ↗