[TypeScript]Recordの使い方

TypeScriptのRecordについて調べた。
公式ドキュメントは以下で確認できる。
https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeystype

Recordの書式
Recordの使い方

Recordの書式

以下の書式でRecordを記述出来る。

Record<Keys,Type>

Recordの使い方

TypeScript公式の例となるが、以下のように使用可能

interface PageInfo {
  title: string;
}

type Page = "home" | "about" | "contact";

const nav: Record<Page, PageInfo> = {
  about: { title: "about" },
  contact: { title: "contact" },
  home: { title: "home" },
};

nav.about;

Record<Page, PageInfo>の部分が使用箇所ですね。
Pageをキーにして、PageInfoで値を記載しているイメージです。