JSON 轉 TypeScript

在瀏覽器中將任意 JSON 即時產生整潔的 TypeScript 介面型別。

隱私安全全部在瀏覽器本機完成,資料不上傳
簡單易用貼上或輸入即可,結果即時呈現
永久免費不限次數,無需註冊
快速高效先進技術,處理高效穩定

為了匹配一段 JSON 資料而手寫 TypeScript 介面既枯燥又容易出現細微錯誤。把一段 JSON 範例貼進來,本工具會替你推斷出型別,把這個物件轉成可直接放進程式碼的介面定義。

JSONinterface
JSON → TypeScript 型別

使用方法:JSON 轉 TypeScript

  1. 1輸入內容在左側貼上 JSON。
  2. 2設定選項設定根介面名稱。
  3. 3開始處理切換 export / 可空選項。
  4. 4取得結果複製產生的介面。

常見用途

為 API 回應定義型別從一份真實回應產生介面,讓你的程式碼清楚它所處理的資料結構。
快速上手一段資料把一段陌生的 JSON 轉成帶名字的型別,便於在編輯器裡查看。
讓型別保持同步回應變化時重新產生,讓介面與伺服器實際發送的內容保持一致。
省去樣板程式碼面對層層巢狀的物件,不必再手寫一個個巢狀介面。

使用提示

它根據你的範例推斷型別的完整程度取決於你貼上的 JSON。範例裡缺失或為空的欄位無從推斷,因此請貼一個有代表性的樣本。
空值與混合型別會被放寬範例裡為 null 的欄位,或在各項目間不一致的欄位,推斷出的型別可能比你想要的寬,事後手動收緊即可。
名稱來自鍵介面名和屬性名沿用你的 JSON 鍵,因此清晰的鍵名能換來乾淨的型別。
是起點,不是定論把輸出當作一份快速初稿,可選欄位、聯合型別和精確的數字格式仍需由你打磨。

常見問題