Menu
Coddy logo textTech

数値列挙型とは?

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に等しくなります。また、開始値を明示的に設定することもでき、その後のメンバーはその時点からインクリメントし続けます。

challenge icon

チャレンジ

簡単

UserRole という名前の数値列挙型(numeric enum)を作成し、3つのメンバ AdminEditor、および 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列挙型と変数を作成します

// 必要な出力を表示します
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Introduction To TypeScriptのすべてのレッスン

自分で練習してみよう: JavaScriptオンラインコンパイラ