跳至內容
Monu Tools

JSON 轉 TypeScript

從 JSON 範例生成 TypeScript 介面,支援巢狀型別、陣列和可選欄位。在瀏覽器中執行。

如何使用 JSON 轉 TS

  1. 01

    貼上 JSON 物件或陣列。

  2. 02

    選擇性地設定根介面名稱。

  3. 03

    複製生成的 TypeScript 介面。

產生器的作用

這個 JSON 轉 TypeScript 產生器會從 JSON 物件或陣列範例推斷一組介面。你可以貼上 API 回應,直接取得可用的型別,不必逐一手寫。

當你使用 API 或設定檔案時,它可以節省大量時間:貼上回應,可以選擇命名根介面,然後將乾淨的 TypeScript 直接複製到你的程式碼中。

產生完全在你的瀏覽器中執行,因此你的資料永遠不會離開你的裝置,當樣本包含真實值時,這一點很重要。

如何處理實際資料結構

它能處理實際資料結構:巢狀物件會成為獨立的命名介面並由父層引用,物件陣列會合併為一個介面,值不一致時則會產生聯集型別。

跨混合陣列的可選欄位

當陣列中的物件並非全部具有相同的鍵時,某些元素中缺少的鍵會用問號標記為可選,這與資料的實際行為方式相匹配並保持型別的誠實。

它會推斷型別,但不強制套用結構描述

請注意,它只會根據你提供的單一範例推斷資料結構,不會強制套用 schema。如果某個欄位在實際資料中有時是 null 或不存在,但範例沒有呈現,產生的型別也不會知道。因此,請使用具代表性的範例。

常見問題

如何處理巢狀物件?

每個巢狀物件成為其自己的命名介面,從父介面引用,使結果整潔且可重用。

不同形狀的陣列怎麼辦?

物件陣列被合併為一個介面,某些元素中缺少的鍵被標記為可選。混合基本類型的陣列成為聯合元素型別。

我的 JSON 會上傳到任何地方嗎?

不會。型別完全在瀏覽器中生成,你的資料永遠不會離開裝置。

來源

報告問題