【TypeScript】テンプレートリテラル型で定型の名前の型を作る

2023年11月21日 19:35

TypeScriptネイティブになるために、学習します！

テンプレートリテラル型とは

type NAME = `something`

こんな``で囲った型のやつ。代入できる型が作られる。

ただ決まったテキストだけが代入するのは意味がないが、ユニオン型と組み合わせることで「〇〇_data」といった決まった形式の名前を作れるようになる。

type val = 'Cat' | 'N' | 'R'

type data_type = `${val}_data`
type attr_type = `${val}_attr`

上記の場合、以下と同義になります！

type data_type = 'data_Cat' | 'data_N' | 'data_R'
type attr_type = 'attr_Cat' | 'attr_N' | 'data_R'

まとめ

テンプレートリテラル型を使って、より見通しの良いTypeScriptライフを。