数値列挙型とは?
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 51/73。
TypeScriptの列挙型(enums)は、関連する一連の数値に意味のある名前を付ける方法を提供します。コードの至る所でマジックナンバーを使用する代わりに、列挙型を使用すると、コードの可読性と保守性を向上させる名前付き定数のコレクションを作成できます。
数値列挙型は enum キーワードを使用して宣言されます。デフォルトでは、TypeScript は各メンバーに対して 0 から始まり 1 ずつ増加する数値を自動的に割り当てます:
enum Status {
Pending, // 0
Processing, // 1
Complete // 2
}これにより、3つの定数が作成されます:Status.Pending は0、Status.Processing は1、そして Status.Complete は2に等しくなります。また、開始値を明示的に設定することもでき、その後のメンバーはその時点からインクリメントし続けます。
チャレンジ
簡単UserRole という名前の数値列挙型(numeric enum)を作成し、3つのメンバ Admin、Editor、および Viewer を定義してください。
列挙型の値を示すために、3つの変数を作成してください:
UserRole型の変数adminRoleを作成し、UserRole.Adminを代入しますUserRole型の変数editorRoleを作成し、UserRole.Editorを代入しますUserRole型の変数viewerRoleを作成し、UserRole.Viewerを代入します
以下の出力をそれぞれ別の行に表示してください:
adminRoleの値を出力しますeditorRoleの値を出力しますviewerRoleの値を出力しますUserRole.Adminの数値を出力しますUserRole.Editorの数値を出力しますUserRole.Viewerの数値を出力します
自分で試してみよう
// TODO: ここにコードを書いてください
// チャレンジの説明に従って、UserRole列挙型と変数を作成します
// 必要な出力を表示しますこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: JavaScriptオンラインコンパイラ