JSON 到 TypeScript

使用巢狀物件支援從 JSON 產生 TypeScript 介面。

免費線上 JSON 到 TypeScript 生成器

停止 API 回應的手寫介面。貼上 JSON 並取得 TypeScript 接口,其中嵌套物件分為單獨的類型和自動推斷的陣列元素形狀。

命名您的根接口,將輸出複製到您的專案中,並將其與 fetch 或 HTTP 用户端一起使用以實現完全類型安全。一切都在瀏覽器的客户端運作。

常見問題

會生成哪些 TypeScript 類型?
原始 JSON 值映射為 string、number、boolean 和 null。數組變為 Type[],元素類型根據第一項推斷。對象變為帶命名屬性的接口。嵌套對象會生成獨立的接口定義。
可選字段如何處理?
示例 JSON 中出現的屬性會作為必填字段包含。若需要可選字段,可在示例 JSON 中以 null 值添加它們,或在生成的接口屬性上手動添加 ?。
可以自定義根接口名稱嗎?
可以。生成前設定自定義根接口名稱。嵌套接口會根據屬性名自動命名(例如,address 對象對應 Address)。
是否支持聯合類型?
生成器根據單個樣本推斷類型。如果某字段可以是 string 或 number,請提供包含兩種變體的樣本,或手動將生成的類型調整為聯合類型(string | number)。
輸出是否兼容嚴格模式的 TypeScript?
是的。生成的接口使用與嚴格模式兼容的標準 TypeScript 語法。請檢查可空字段——JSON 的 null 映射為類型中的 null,而非 undefined。如需要,可調整為 field?: Type | null。