広告が嫌いですか? 行く 広告なし 今日

TypeScript Enumジェネレーター

開発者数学

オプション

ガイド

TypeScript Enum Generator

TypeScript Enumジェネレーター

単純な値のリストからTypeScript列挙型、定数オブジェクト、ユニオン型を生成します。値を貼り付け、命名規則と出力形式を選択し、オプションのJSDocコメント、型ガード、逆引きマッピング、値の配列を含む、すぐに使えるTypeScriptコードを取得します。

使用方法

値を1行ごと、またはカンマ区切りで入力エリアに入力してください。列挙型名を設定し、キーの命名規則(PascalCase、SCREAMING_SNAKE_CASE、またはcamelCase)を選択し、出力形式を選択します。生成されたコードはリアルタイムで更新されます。JSDocコメント、exportキーワード、型ガード、または値の配列などの追加オプションは必要に応じて切り替えてください。結果をワンクリックでクリップボードにコピーできます。

機能

  • 複数出力形式 – 文字列列挙型、数値列挙型、定数列挙型、as constオブジェクト、およびユニオン型
  • キーの命名規則 – PascalCase、SCREAMING_SNAKE_CASE、およびcamelCaseのスマートな識別子生成
  • JSDoc コメント – 各列挙型メンバーの上にオプションでドキュメントコメントを追加
  • 型ガードの生成 – 実行時に値を検証するための型ガード関数を作成
  • 値の配列 – イテレーションのためにすべての列挙型値の配列を生成
  • 逆引きマッピング – 数値列挙型のための逆引きヘルパーを作成
  • スマートなキー生成 – 特殊文字、重複、数字で始まる値、および予約語を処理
  • リアルタイムプレビュー – 入力時またはオプション変更時に出力が即座に更新されます

よくある質問

  1. TypeScriptにおける文字列列挙型と数値列挙型の違いは何ですか?

    文字列列挙型は、Color.Redが文字列REDに等しいように、各メンバーに文字列値を割り当てます。数値列挙型は、デフォルトで0から始まるインクリメントする数値を割り当てるため、Color.Redは0に、Color.Blueは1に等しくなります。文字列列挙型は、値がログやネットワークリクエストで読み取り可能であるため、デバッグに適しています。数値列挙型は、わずかにコンパクトで、逆引きマッピングをネイティブにサポートしているため、数値から名前を検索できます。ほとんどの最新のTypeScriptプロジェクトでは、明瞭さのために文字列列挙型が好まれます。

  2. const enumと通常のenumはいつ使うべきですか?

    const enumはコンパイル時に完全にインライン化されます。TypeScriptコンパイラは、const enumメンバーへのすべての参照をそのリテラル値に置き換えるため、実行時に列挙型オブジェクトは存在しません。これにより、バンドルサイズが小さくなり、実行速度が向上します。ただし、const enumはイテレーションできません(Object.valuesがない)、逆引きマッピングをサポートせず、ライブラリコードの宣言ファイルで問題を引き起こす可能性があります。実行時のオーバーヘッドをゼロにしたい内部アプリケーション定数にはconst enumを使用してください。値のイテレーションが必要な場合やライブラリを公開する場合は、通常のenumを使用してください。

  3. as constオブジェクトとは何ですか?また、enumとどう比較されますか?

    as constオブジェクトは、constアサーションを持つプレーンなJavaScriptオブジェクトを使用して、列挙型のような動作を実現します。例えば、const Color = { Red: 'RED', Blue: 'BLUE' } as const は、TypeScriptがリテラル型を推論するイミュータブルなオブジェクトを作成します。このアプローチはTypeScriptとJavaScriptの両方で機能し、enumよりもツリーシェイキングを良くサポートし、enumのトランスパイルにおけるいくつかのエッジケースを回避します。トレードオフは、型抽出がわずかに冗長になることです。ユニオン型を取得するには、type Color = typeof Color[keyof typeof Color]が必要です。多くのチームは、これらの実用的な理由から、enumよりもas constオブジェクトを好んでいます。

  4. 型ガードとは何ですか?なぜ生成するのでしょうか?

    型ガードは、実行時に値の型を絞り込む関数です。列挙型の場合、型ガードは、文字列または数値が実際に列挙型の有効なメンバーであるかどうかをチェックし、その結果をTypeScriptの型システムに伝えます。例えば、function isColor(value: string): value is Color は、値が列挙型のメンバーと一致する場合にのみtrueを返します。これは、APIレスポンス、フォーム入力、または何らかの外部データを検証する際に役立ちます。これらのデータでは、型安全なコードで使用する前に、値が列挙型に属することを確認する必要があります。

広告なしで楽しみたいですか? 今すぐ広告なしで

拡張機能をインストールする

お気に入りのブラウザにIOツールを追加して、すぐにアクセスし、検索を高速化します。

に追加 Chrome拡張機能 に追加 エッジ拡張 に追加 Firefox 拡張機能 に追加 Opera 拡張機能

スコアボードが到着しました!

スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します!

ニュースコーナー 技術ハイライト付き

参加する

価値ある無料ツールの提供を継続するためにご協力ください

コーヒーを買って