แปลง JSON เป็น TypeScript
สร้าง TypeScript interfaces จากตัวอย่าง JSON พร้อม nested types, arrays และ optional fields ทำงานในเบราว์เซอร์ของคุณ
เครื่องมือที่เกี่ยวข้อง
วิธีใช้ JSON เป็น TS
- 01
วาง JSON object หรือ array
- 02
ตั้งชื่อ root interface ตามต้องการ
- 03
คัดลอก TypeScript interfaces ที่สร้าง
เครื่องกำเนิดไฟฟ้าทำอะไร
นี่คือตัวสร้าง JSON ไปจนถึง TypeScript ที่อนุมานชุดอินเทอร์เฟซจากออบเจ็กต์หรืออาร์เรย์ JSON ตัวอย่าง ดังนั้นคุณจึงสามารถวางการตอบสนอง API และรับประเภทที่พร้อมใช้งานแทนการเขียนด้วยมือ
จะช่วยประหยัดเวลาได้มากเมื่อคุณใช้ API หรือไฟล์กำหนดค่า: วางการตอบกลับ เลือกที่จะตั้งชื่ออินเทอร์เฟซรูท และคัดลอก TypeScript ที่สะอาดลงในโค้ดของคุณโดยตรง
การสร้างจะทำงานทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณจะไม่มีวันออกจากอุปกรณ์ของคุณ ซึ่งสำคัญเมื่อตัวอย่างมีค่าจริง
วิธีจัดการกับรูปร่างในโลกแห่งความเป็นจริง
โดยจะจัดการกับรูปร่างในโลกแห่งความเป็นจริง: วัตถุที่ซ้อนกันจะกลายเป็นอินเทอร์เฟซที่มีชื่อของตัวเองโดยอ้างอิงจากพาเรนต์ อาร์เรย์ของวัตถุจะถูกรวมเป็นอินเทอร์เฟซเดียว และประเภทสหภาพจะถูกสร้างขึ้นโดยที่ค่าจะแตกต่างกันไป
ช่องทางเลือกสำหรับอาร์เรย์แบบผสม
เมื่อออบเจ็กต์ในอาร์เรย์ไม่ได้มีคีย์เดียวกันทั้งหมด คีย์ที่หายไปจากองค์ประกอบบางส่วนจะถูกทำเครื่องหมายว่าเป็นทางเลือกด้วยเครื่องหมายคำถาม ซึ่งตรงกับลักษณะการทำงานของข้อมูลจริงและรักษาประเภทให้ถูกต้อง
มันอนุมานว่ามันไม่ได้บังคับใช้สคีมา
จุดสำคัญประการหนึ่ง: มันจะอนุมานรูปร่างจากตัวอย่างเดียวที่คุณให้มา แทนที่จะบังคับใช้สคีมา หากบางครั้งฟิลด์เป็นโมฆะหรือขาดหายไปในข้อมูลจริง แต่ไม่มีอยู่ในตัวอย่างของคุณ ประเภทที่สร้างขึ้นจะไม่ทราบข้อมูลนั้น ดังนั้นให้ใช้ตัวอย่างที่เป็นตัวแทน
คำถามที่พบบ่อย
จัดการ nested objects อย่างไร?
แต่ละ nested object กลายเป็น named interface ของตัวเอง อ้างอิงจาก parent ดังนั้นผลลัพธ์สะอาดและนำกลับมาใช้ได้
จะเกิดอะไรขึ้นกับ arrays ที่มีรูปร่างต่างกัน?
Arrays ของ objects ถูกรวมเป็น interface เดียว และ keys ที่ขาดหายจากบางส่วนถูกทำเครื่องหมาย optional Arrays ของ primitives ที่ผสมกลายเป็น union element type
JSON ของฉันถูกอัปโหลดไปที่ไหนไหม?
ไม่ types ถูกสร้างทั้งหมดในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลของคุณไม่ออกจากอุปกรณ์