コンテンツにスキップ
Monu Tools

JSON→TypeScript変換

JSONサンプルからネスト型・配列・省略可能フィールドを含むTypeScriptインターフェースを生成します。ブラウザ内で動作します。

JSON→TS変換の使い方

  1. 01

    JSONオブジェクトまたは配列を貼り付けます。

  2. 02

    オプションでルートインターフェース名を設定します。

  3. 03

    生成されたTypeScriptインターフェースをコピーします。

ジェネレーターの機能

これは、サンプルの JSON オブジェクトまたは配列からインターフェイスのセットを推論する JSON to TypeScript ジェネレーターであるため、API 応答を貼り付けて、手動で作成する代わりにすぐに使用できる型を取得できます。

API または構成ファイルを使用する場合は、時間を大幅に節約できます。応答を貼り付け、オプションでルート インターフェイスに名前を付け、クリーンな TypeScript をコードに直接コピーします。

生成は完全にブラウザ内で実行されるため、データがデバイスの外に出ることはありません。これは、サンプルに実際の値が含まれている場合に重要です。

現実世界の形状をどのように処理するか

これは現実世界の形状を処理します。ネストされたオブジェクトは親から参照される独自の名前付きインターフェイスになり、オブジェクトの配列は 1 つのインターフェイスにマージされ、値が異なる場合には共用体型が生成されます。

混合配列にわたるオプションのフィールド

配列内のオブジェクトがすべて同じキーを持たない場合、一部の要素に欠落しているキーには疑問符が付けられ、オプションとしてマークされます。これは、データの実際の動作と一致し、型を正直に保ちます。

推論しますが、スキーマを強制するものではありません

重要な点が 1 つあります。スキーマを強制するのではなく、与えられた 1 つのサンプルから形状を推測します。実際のデータにはフィールドが null または存在しない場合がありますが、サンプルには存在しない場合、生成された型はそれを認識しないため、代表的な例を使用します。

よくある質問

ネストされたオブジェクトはどう処理されますか?

ネストされた各オブジェクトは独自の名前付きインターフェースになり、親から参照されるため、結果はクリーンで再利用可能です。

形状の異なる配列はどう処理されますか?

オブジェクトの配列は1つのインターフェースにマージされ、一部の要素に存在しないキーはoptionalとしてマークされます。混合プリミティブの配列はユニオン型の要素型になります。

JSONはどこかにアップロードされますか?

いいえ。型はブラウザ内で生成されるため、データがデバイスの外に出ることはありません。

出典

問題を報告する