DevTulz Online

JSON → TypeScript Types


เครื่องมือนี้ทำอะไร?

เครื่องมือนี้แปลงออบเจ็กต์หรืออาร์เรย์ JSON เป็นการประกาศ TypeScript interface หรือ type โดยจัดการออบเจ็กต์ซ้อนกันแบบเรียกซ้ำ (สร้าง interfaces แยกสำหรับแต่ละอัน) อาร์เรย์ของออบเจ็กต์ (รวม schema) ฟิลด์ที่เป็นตัวเลือก (เมื่อ key ขาดหายจากบาง array item) และค่า null ผลลัพธ์พร้อมสำหรับวางลงในโปรเจกต์ TypeScript ของคุณ

วิธีใช้งาน

  1. วาง JSON ลงในแผงด้านซ้าย — ประเภท TypeScript จะปรากฏทันทีทางด้านขวา

  2. ตั้งชื่อ root interface (ค่าเริ่มต้น: Root)

  3. เลือกรูปแบบ interface หรือ type alias

  4. เปิดใช้ 'null → optional' เพื่อจัดการฟิลด์ null เป็น unknowns ที่เป็นตัวเลือกแทน null ที่ชัดเจน

  5. คลิก โหลดตัวอย่าง เพื่อดูตัวอย่างการแปลง

อาร์เรย์ของออบเจ็กต์ถูกจัดการโดยการรวม schema ของทุก item — key ที่มีอยู่ในบาง item เท่านั้นจะถูกทำเครื่องหมายเป็น optional โดยอัตโนมัติ การแปลงทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

Keywords: JSON เป็น TypeScript, JSON เป็น TS, JSON เป็น interface, ตัวสร้างประเภท TypeScript, การอนุมานประเภท JSON, TypeScript interface จาก JSON