Help us understand the problem. What is going on with this article?

TypeScript 3.4 で Array (string[]) を Union Type に変換する Tips

More than 1 year has passed since last update.


TypeScript 3.4 で組み込まれた as const を使ってより簡潔に実装できるようになった

const directionList = ['east', 'west', 'south', 'north'] as const
// -> Readonly ['east', 'west', 'south', 'north']

type Direction = typeof directionList[number]
// -> 'east' | 'west' | 'south' | 'north'

独自定義の Type Guard と組み合わせたりするのに便利そう

const isDirection = (obj: any): obj is Direction => {
  return directionList.includes(obj)

const doSomething = (data: any) => {
  // validation
  if (!isDirection(data.direction)) {
    throw new Error('direction is not found')

  // do something
iOS → Firebase → インフラ/SRE 見習い
グロービスは 1992 年の創業以来、社会人を対象とした MBA、人材育成の領域で Ed-Tech サービスを提供し、現在は日本 No.1 の実績があります。これらの資産と、さらに IT や AI を活用することで、アジア No.1 を目指しています。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away