JSON → TypeScript コンバーター

型は値から推論されます。string、number、boolean、null、配列は T[]、型が混在する配列は (number | string | null)[] のようなユニオン、空配列は unknown[] です。ネストしたオブジェクトには、そのパスを PascalCase にした名前の interface が作られます (Order 内の shipping_address → OrderShippingAddress)。配列内のオブジェクトはすべて 1 つの要素型にマージされ、一部の要素にしかないキーはオプショナルに、値の型が異なるキーはユニオンになります。

オプション: ルート名 はトップレベルの型名を設定します (既定は Root)。export キーワード はすべての宣言に export を付けます。オプショナルフィールド (?) (既定でオン) は値が null のキーをオプショナルにします。type エイリアスを使用 は interface X { … } の代わりに type X = { … }; を出力します。ルートが配列の場合は export type Users = UsersItem[]; のようなエイリアスが生成されます。識別子として無効なキーは引用符で囲まれ ("order-id": string;)、重複する型名には番号の接尾辞が付きます。

出力は編集のたびに (少し間をおいて) 再生成されるほか、変換 または Ctrl+Enter でも再生成されます。無効な JSON ではパーサーのエラーが表示されます。結果は読み取り専用のエディターに表示され、コピー するか .ts をダウンロード で types.ts として保存できます。すべてローカルで動作し、サンプルがアップロードや保存されることはありません。

API オブジェクト: {"id":7,"user_name":"ann","tags":["a"],"manager":null} をルート名 User、export キーワードありで変換すると export interface User { id: number; user_name: string; tags: string[]; manager?: null; } になります。

異なるオブジェクトの配列: [{"id":1,"email":"[email protected]"},{"id":2,"phone":"555"}] をルート名 Users で変換すると export interface UsersItem { id: number; email?: string; phone?: string; } と export type Users = UsersItem[]; になります。

type エイリアスと引用符付きのキー: {"order-id":"A1","items":[{"sku":"x","qty":2}],"shipping_address":{"city":"Omsk"}} をルート名 Order、type エイリアスを使用ありで変換すると type OrderItemsItem = { sku: string; qty: number; };、type OrderShippingAddress = { city: string; };、type Order = { "order-id": string; items: OrderItemsItem[]; shipping_address: OrderShippingAddress; }; になります。