JSON → TypeScript Interface

自動嵌套、處理 null 與陣列聯合

🔒 本機處理與外部服務的使用方式請查看本工具的隱私說明;網站統計服務另見隱私政策。
 

快速理解

JSON 轉 TypeScript Interface可以怎麼幫你?

免費 JSON to TypeScript interface 轉換工具,支援嵌套物件、陣列、聯合型別。複製貼上即可使用,無需安裝。

適合情境

適合從一份 JSON 範例起草 TypeScript interface 或 type,觀察巢狀物件、陣列與基本值的結構。這是依樣本推導的宣告,不是 API 契約驗證,也無法由單筆資料判斷所有可能欄位。

使用方式

貼入有效 JSON,根名稱預設 Root,模式預設 interface;修改內容、根名稱或模式都會重新產生。可先帶入範例查看巢狀宣告,再複製結果;名稱會經過字元清理,不一定與輸入完全相同。

結果怎麼看

null 保留為 null,空陣列推導為 any[],混合陣列使用聯集。物件會各自建立命名宣告,即使形狀相同也可能加上數字尾碼;最外層是基本值或陣列時,即使選 interface 仍會產生 type 別名。

隱私與限制

JSON 解析與型別推導在瀏覽器中執行,元件沒有呼叫遠端模型或儲存樣本。複製的是產生的宣告,不是完整原始值;但欄位名稱仍可能揭露內部資料模型,請先移除不適合分享的資訊。

範例中的欄位都會視為必要,日期字串仍為 string,不會自動推導選填欄位或日期型別。空白或錯誤 JSON 會清空輸出並停用複製,修正後才可使用;特殊根名稱也應再用專案的型別檢查確認。

常見問題

null 怎麼處理?

null 值會被推斷為字面型別 null。

陣列裡有多種型別呢?

會自動合併為聯合型別 (string | number)[],並嵌套產生子 interface。

可以處理多深的巢狀?

理論無限。每層嵌套會自動生成子 interface 並引用。