開發與資料處理
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 並引用。