JSON 轉 TypeScript

從 JSON 範例產生 TypeScript 介面。

輸入
結果

使用範例

快速搭建 API 回應的型別骨架

貼上伺服器傳回的 JSON 回應範例,即可取得可直接貼進專案的 TypeScript 介面草稿。

自動把巢狀物件拆成獨立介面

當 JSON 中包含另一個物件時,會依欄位名稱產生專屬的具名介面,讓結構保持整潔。

陣列項目欄位不同時標示為選填

當陣列中的物件並非每個都有相同欄位時,會合併成一個介面,並在非所有項目都有的欄位加上「?」選填標記。

常見問題

我輸入的 JSON 會傳送到伺服器嗎?

不會。所有轉換都只在您的瀏覽器中進行,輸入的內容不會傳送到任何伺服器。

產生的程式碼可以直接使用嗎?

這是僅憑一份 JSON 範例推論出來的結果,可能無法完全涵蓋實際資料的所有情況。建議把產生的介面當作起點,再依需要自行調整。

日期字串會被識別成 Date 型別嗎?

不會。JSON 沒有專屬的日期型別,所有字串都會視為 string。若想當作日期處理,請自行修改產生的程式碼。

如果同一種物件形狀出現多次會怎樣?

結構相同的物件會重複使用同一個介面,而不會產生重複的介面。