【TS】enumの値のunion型が欲しい！

悩み

enumの値を関数の引数にしつつ、その関数を呼び出す側はenumの値を文字列として直接指定したいときはどうするんだろう？

これじゃダメだった

enum Currency  {
  JPY = '日本円',
  USD = 'ドル',
  EUR = 'ユーロ'
}

const sampleFunc = (val: Currency) => {
  return val
}

sampleFunc(Currency.JPY) // OK
sampleFunc('日本円') // NG

関数の引数に直接Enumの型を指定すると、関数の呼び出し元の引数にenumの値を直接指定するとこのエラー↓になっちゃう

Argument of type '"日本円"' is not assignable to parameter of type 'Currency'.(2345)

解決方法

関数の引数の型をテンプレートリテラル型を用いてunion型にすることでうまくいく！

enum Currency  {
  JPY = '日本円',
  USD = 'ドル',
  EUR = 'ユーロ'
}

// "日本円" | "ドル" | "ユーロ"
type currency = `${Currency}`

const sampleFuncWithUnionArg = (val: `${Currency}`) => {
  return val
}

sampleFuncWithUnionArg(Currency.JPY) // OK
sampleFuncWithUnionArg('日本円') // OK
sampleFuncWithUnionArg('オーストラリアドル') // enumの値に含まれない値はNG

めでたしめでたし😊

参考記事

https://qiita.com/manak1/items/4b03930ebf9f3377dd23#やり方