開發者工具 / 15

JSON 轉 TypeScript 產生器

將 JSON 物件與陣列轉換為具強型別的 TypeScript 介面或型別宣告。

JSON 轉 TypeScript 產生器: TOEA 會遞迴檢查 JSON 型別與巢狀鍵值,推斷 TypeScript 介面定義與聯集陣列。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用

一個範例,一種結構

型別會精確描述範例。值為null的欄位會變成null型別,空陣列會變成any[],而陣列中的物件只會依第一個元素建立結構。請手動編輯這些結果:null通常代表string | null或類似型別,而只有部分記錄包含的欄位應設為選用。兩個具有相同索引鍵名稱的巢狀物件會共用一個以該索引鍵命名的介面,因此請確認其欄位適用於兩者。

型別不會檢查資料

TypeScript 型別會在程式碼編譯時消失。如果 API 之後以字串而非數字傳送欄位,執行階段不會阻止它,錯誤也會在其他地方出現。對於程式碼外部的資料,請在收到資料時進行驗證:使用可在JSON Schema 驗證工具中測試的 JSON Schema,或使用執行階段驗證函式庫。

對一般資料而言,使用interface或type通常沒有太大差異。介面可以擴充和合併;型別別名也能表示聯集。

使用方式

  1. 將 JSON 資料貼到輸入框中。
  2. 設定根介面名稱、宣告樣式或選用欄位。
  3. 複製產生的 TypeScript 程式碼。

隱私與限制

您的 JSON 資料只會在瀏覽器記憶體中解析,完全不會上傳到伺服器。

相關工具

常見問題

支援巢狀物件嗎?

支援,巢狀物件會自動產生子介面。

可以產生型別別名,而不是介面嗎?

可以,請在「宣告樣式」選擇器中選取「type」。

免費工具・使用在瀏覽器中次・免註冊