JSON เป็น TypeScript

สร้าง interface ของ TypeScript จากตัวอย่าง JSON โดยอนุมานชนิดข้อมูลแบบเรียกซ้ำ

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

ข้อมูลเข้า

ผลลัพธ์

ลองทำตามตัวอย่าง

ตัวอย่าง

วาง [{"id":1},{"id":2,"note":"late"}] ผลลัพธ์คือ type Root = RootItem[]; และ interface RootItem ที่มี id: number และ note?: string เพราะรายการแรกไม่มี note

ข้อควรทราบ

ชนิดข้อมูลมาจากตัวอย่างที่วางเท่านั้น ฟิลด์ที่เป็นสตริงในที่นี้อาจเป็น null ในการตอบกลับอื่น และตัวเลขไม่ได้แยกเป็นจำนวนเต็มกับทศนิยม จึงควรเทียบผลลัพธ์กับเอกสาร API

เกี่ยวกับเครื่องมือนี้

วางตัวอย่าง JSON เช่น การตอบกลับจาก API แล้วรับ interface TypeScript ที่ตรงกัน สร้างในเบราว์เซอร์ทั้งหมด ทุกรายการในอาร์เรย์จะถูกตรวจ ฟิลด์ที่ขาดในบางรายการจะเป็นแบบไม่บังคับ และค่าที่มีชนิดต่างกันจะกลายเป็นยูเนียน

คำถามที่พบบ่อย

ออบเจ็กต์ที่ซ้อนกันถูกจัดการอย่างไร?

ออบเจ็กต์ที่ซ้อนกันแต่ละตัวจะเป็น interface ของตัวเอง ตั้งชื่อแบบ PascalCase ตามคีย์ ออบเจ็กต์ในอาร์เรย์จะมีคำต่อท้าย Item เช่น TagsItem

อาร์เรย์ถูกกำหนดชนิดอย่างไร?

ทุกองค์ประกอบจะถูกตรวจ ออบเจ็กต์จะรวมเป็น interface เดียว ฟิลด์ที่ขาดในบางตัวจะถูกทำเครื่องหมายไม่บังคับด้วย ? และค่าที่ผสมกันจะเป็นยูเนียน เช่น (string | number)[] อาร์เรย์ว่างจะเป็น unknown[]