ตัวแปลง JSON เป็น TypeScript
แปลง JSON เป็น TypeScript interface, type alias หรือ Zod schema แบบเรียลไทม์ พร้อมตรวจจับฟิลด์ optional จริง ๆ จากอาร์เรย์
🔒 ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดสิ่งใดที่คุณป้อนที่นี่
ผลลัพธ์
การเขียน TypeScript interface ด้วยมือสำหรับการตอบกลับของ JSON API นั้นช้าและมีโอกาสผิดพลาด: ออบเจ็กต์ซ้อนกันต้องมี interface ของตัวเอง อาร์เรย์ต้องมี element type และฟิลด์ที่บางครั้งขาดหายไปต้องทำเครื่องหมายเป็น optional — ถ้าพลาดส่วนใดส่วนหนึ่ง คอมไพเลอร์จะเงียบในขณะที่โค้ดของคุณคลาดเคลื่อนจากรูปร่างข้อมูลจริง
ตัวแปลงนี้ทำงานให้คุณ วาง JSON object หรือ array ใด ๆ แล้วมันจะเดินตามโครงสร้างแบบเวียนเกิด: ออบเจ็กต์ซ้อนกันกลายเป็น interface ที่มีชื่อของตัวเอง อาร์เรย์ของออบเจ็กต์จะได้ element interface โดยเปรียบเทียบฟิลด์จากทุกสมาชิกในอาร์เรย์นั้น — ฟิลด์ที่ปรากฏเฉพาะบางสมาชิกจะถูกทำเครื่องหมายด้วย ? ต่อท้าย และฟิลด์ที่บางครั้งเป็น null บางครั้งเป็นค่าจะออกมาเป็น string | null union ที่ถูกต้อง
ปุ่มสลับรูปแบบเปลี่ยนแค่วิธีพิมพ์โครงสร้างที่อนุมานได้เดียวกัน: interface block, type alias หรือ Zod schema ที่สร้างจาก z.object(), z.array() และ z.union() พร้อม .optional() และ .nullable() ในจุดที่เหมาะสม Zod เองเป็นแพกเกจ npm แยกต่างหาก (npm install zod) — เครื่องมือนี้แค่เขียนซอร์สของ schema ไม่ได้ติดตั้งอะไรให้คุณ
ทุกอย่างทำงานในเบราว์เซอร์ของคุณทันทีที่พิมพ์หรือวาง ไม่มีปุ่ม submit และไม่มีการอัปโหลด — สะดวกสำหรับ payload ที่มีข้อมูลลูกค้าจริง หากต้องการทำงานกับข้อความ JSON เองแทนที่จะเป็น type ที่อนุมาน ดู JSON formatter เพื่อจัดรูปแบบหรือย่อขนาด และดู JSON validator เพื่อระบุข้อผิดพลาดทางไวยากรณ์ก่อนแปลง