2020年9月23日

[TypeScript]Recordの使い方

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

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で値を記載しているイメージです。