4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

TypeScriptのenum型のキー名を取得する

Last updated at Posted at 2020-12-25

TypeScriptにはJavaScriptにない機能がたくさんあり、その一つとしてenum型がある。

例えば果物の種別をenum型で定義すると、Fruits.Appleは0、Fruits.Orangeは1のように連続した値が割り当てられる。

enum Fruits {
    Apple,
    Orange,
    Banana,
}

逆に0からAppleという文字列を求めたい時は以下のようなコードを書いていた。

function getkeyName(value: Fruits) {
    if (value === Fruits.Apple) {
        return 'Apple';
    } else if (value === Fruits.Orange) {
        return 'Orange';
    } else if (value === Fruits.Banana) {
        return 'Banana';
    }
}

ところがTypeScriptでは*enum型[enum型のvalue]*と書くことにより、キー名が取得できる。

function getKeyName(value: Fruits) {
    return Fruits[value];
}

前のコードより短く書けた。

これに限らずTypeScriptにはいろいろな書き方があるので、公式ドキュメントを読み漁ったりするとよりスマートな記述が可能になることが多いと思った。

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?