JSON 轉 TypeScript
從 JSON 範例生成 TypeScript 介面,支援巢狀型別、陣列和可選欄位。在瀏覽器中執行。
如何使用 JSON 轉 TS
- 01
貼上 JSON 物件或陣列。
- 02
選擇性地設定根介面名稱。
- 03
複製生成的 TypeScript 介面。
產生器的作用
這個 JSON 轉 TypeScript 產生器會從 JSON 物件或陣列範例推斷一組介面。你可以貼上 API 回應,直接取得可用的型別,不必逐一手寫。
當你使用 API 或設定檔案時,它可以節省大量時間:貼上回應,可以選擇命名根介面,然後將乾淨的 TypeScript 直接複製到你的程式碼中。
產生完全在你的瀏覽器中執行,因此你的資料永遠不會離開你的裝置,當樣本包含真實值時,這一點很重要。
如何處理實際資料結構
它能處理實際資料結構:巢狀物件會成為獨立的命名介面並由父層引用,物件陣列會合併為一個介面,值不一致時則會產生聯集型別。
跨混合陣列的可選欄位
當陣列中的物件並非全部具有相同的鍵時,某些元素中缺少的鍵會用問號標記為可選,這與資料的實際行為方式相匹配並保持型別的誠實。
它會推斷型別,但不強制套用結構描述
請注意,它只會根據你提供的單一範例推斷資料結構,不會強制套用 schema。如果某個欄位在實際資料中有時是 null 或不存在,但範例沒有呈現,產生的型別也不會知道。因此,請使用具代表性的範例。
常見問題
如何處理巢狀物件?
每個巢狀物件成為其自己的命名介面,從父介面引用,使結果整潔且可重用。
不同形狀的陣列怎麼辦?
物件陣列被合併為一個介面,某些元素中缺少的鍵被標記為可選。混合基本類型的陣列成為聯合元素型別。
我的 JSON 會上傳到任何地方嗎?
不會。型別完全在瀏覽器中生成,你的資料永遠不會離開裝置。