TypeScript tips① objectのvalueの型を抽出する方法

まずobjectを用意する

constアサーションを忘れないでください

const object = {
　　BREAKFAST: 'breakfast',
 LUNCH: 'lunch',
 DINNER: 'dinner'
} as const

下記のようにこのobjectのvalueを抽出したいと思います。

type ObjectType = 'breakfast' | 'lunch' | 'dinner'

これでもいいですが、長いですね...

type FormObjectInputType = typeof FormObjectInputType[keyof typeof FormObjectInputType]

Genericsを使って汎用的な型を定義する

type ValueOf<T> = T[keyof T]

Tの部分に、typeof + 対象のobjectを入れれば、valueを抽出できます。

type FormObjectInputType = ValueOf<typeof FormObjectInputType>

ちょっとシンプルになりましたね。