#030　TypeScript（14）：enum（初心者向け解説）

2024年7月17日 07:28

enumとは何か？

説明: enum（列挙型）は、関連する定数（変更されない値）のグループを作る方法です。これにより、コードが読みやすくなり、タイプセーフ（型安全）になります。

enumの例：曜日

例: 7つの曜日をTypeScriptで表現する

enum DayOfWeek {
  Sunday,
  Monday,
  Tuesday,
  Wednesday,
  Thursday,
  Friday,
  Saturday
}

特徴

読みやすさ: DayOfWeek.Monday のように、意味が明確に分かります。
タイプセーフ: 間違った値を使うのを防ぎます。
自動的な番号付け: デフォルトでは0から始まる数字が割り当てられます。

enumの使い方

定義と使用

// enumの定義
enum Color {
  Red,
  Green,
  Blue
}

// enumの使用
let myFavoriteColor: Color = Color.Blue;

console.log(myFavoriteColor);  // 出力: 2
console.log(Color[myFavoriteColor]);  // 出力: "Blue"

enumのカスタム値

説明: 数字以外の値も設定できます。

enum HttpStatus {
  OK = 200,
  NotFound = 404,
  InternalServerError = 500
}

console.log(HttpStatus.OK);  // 出力: 200

enumを使うメリット

コードの明確さ: 「0」や「1」といった意味の分かりにくい数字の代わりに、分かりやすい名前を使えます。
タイプチェック: TypeScriptが間違った値の使用を防いでくれます。
グループ化: 関連する定数をまとめて管理できます。

まとめ

enum は、関連する定数をグループ化し、コードをより読みやすく、安全にする方法です。曜日、色、ステータスコードなど、限られた選択肢がある場合に特に役立ちます。

ソースコード

// enumの定義と使用例

// 曜日を表すenum
enum DayOfWeek {
  Sunday,
  Monday,
  Tuesday,
  Wednesday,
  Thursday,
  Friday,
  Saturday
}

// 色を表すenum
enum Color {
  Red,
  Green,
  Blue
}

let myFavoriteColor: Color = Color.Blue;
console.log(myFavoriteColor);  // 出力: 2
console.log(Color[myFavoriteColor]);  // 出力: "Blue"

// HTTPステータスコードを表すenum
enum HttpStatus {
  OK = 200,
  NotFound = 404,
  InternalServerError = 500
}

console.log(HttpStatus.OK);  // 出力: 200

これで、enumの使い方とその利点がざっくりと理解できると思います。関連する定数をまとめて管理したい場合に、enum を活用してください。

終わりに

少し長くなったので、ここで一旦お話をクローズさせて頂きます。
自分自身の学習記録帳のため、乱雑な文章になっている可能性があります。
申し訳ございません。

最後までお読みいただき、ありがとうございます。
私も皆さんのnoteを拝見させて頂いて、多くの気づきを得ています。
本当に感謝🙏です。
今後ともよろしくお願いします。