TypeScriptのEnumのループはObject.entries()で実現可能

TypeScriptのEnumのループはObject.entries()で実現可能:

TypeScriptのEnumはObject.entries()でループが可能だったのでメモ。

EnumはJSでどのように表示されるか

export enum Hoge { 
  FOO, 
  BAR, 
  PIYO 
} 

というEnumを記述すると、以下のようなJSにトランスパイルされる。

export var Hoge; 
(function (Hoge) { 
    Hoge[Hoge["FOO"] = 0] = "FOO"; 
    Hoge[Hoge["BAR"] = 1] = "BAR"; 
    Hoge[Hoge["PIYO"] = 2] = "PIYO"; 
})(Hoge || (Hoge = {})); 

早い話がJS内ではオブジェクトに変換されているということなので、Object.entries()を使えば要素ごとのループが可能ということがわかる。ということで、

Object.entries(Hoge).forEach(([key, value]) => { 
  console.log(key, value) 
}) 
 
/* 
0 FOO 
1 BAR 
2 PIYO 
と出力 
*/ 

と書けばOK。