TypeScriptのユーティリティ型について知ろう

概要

別記事を書くにあたりユーティリティ型を理解しようの会
とは言っても、具体的なものはそんなに書かないので説明だけ。

ユーティリティ型とは

TypeScriptで元々設定されている型を変換したり操作したりする型。
色々なものがあるので一覧はこちらを参照。

例えば Record<Keys, Type> はオブジェクトのkeyと値の型を定義して以下のように使用。

const hoge: Record<string, number> = { first: 1, second: 2, third: 3 };

Pick<Type, Keys> はオブジェクトのTypeからKeysのプロパティを抜き出すため以下のように使用。

type Hoge = { name: string; message: string; age: number };

const hoge: Pick<Hoge, "name"> = { name: "ほげ太郎" };
const fuga: Pick<Hoge, "name" | "age"> = { name: "ほげ太郎", age: 20 };

普段使うものを作成しなくていいようTypeScriptで用意してくれているということ。