JSON 轉 TypeScript
根據 JSON 範例產生 TypeScript 介面或 Zod 結構
- 檔案不會離開你的裝置
- 在瀏覽器本機執行
- 免費、免註冊、無浮水印
同一陣列中的物件會合併：部分元素缺少的鍵會變成選用，值型別不同則產生聯集型別。結構相同的物件共用一個型別。
如何使用JSON 轉 TypeScript
貼上一段 JSON 範例，產生 TypeScript 介面、Zod 結構或 JSON Schema。陣列中的物件會合併：部分元素缺少的鍵變成選用，型別不一致的值變成聯集型別。全程在瀏覽器本機完成。
- 1
把 JSON 範例貼到 JSON 框中，或拖入檔案、點選「範例」。
- 2
選擇輸出：TypeScript、Zod 或 JSON Schema，並填寫「根型別名稱」。
- 3
設定「null 值」的寫法；產生 TypeScript 時還可以在「宣告方式」選 interface 或 type。
- 4
視需要開啟「辨識日期字串」「唯讀屬性」或「禁止額外屬性」，再複製或下載結果。
常見問題
JSON 會被傳送出去嗎？
不會。型別在瀏覽器內產生，即使是含真實資料的 API 回應也只留在你的裝置上。
陣列中物件的欄位不一致怎麼辦？
會合併成一個型別：部分元素缺少的鍵變成選用，值型別不同的鍵變成聯集型別，結構完全相同的物件共用一個型別。
「T | null」和「選用 + null」有什麼差別？
「T | null」表示鍵必須存在但值可以是 null；「選用 + null」還允許整個鍵省略，適合會略去 null 欄位的 API。
能辨識日期嗎？
開啟「辨識日期字串」後，ISO 8601 格式的字串在 TypeScript 中會加上註解，在 Zod 中使用 datetime 驗證，在 JSON Schema 中加上 format。
含註解或結尾逗號的 JSON 能用嗎？
可以。輸入以寬鬆模式解析，註解、結尾逗號與 JSON5 語法都接受，發生這種情況時會有提示。