ข้ามไปยังเนื้อหา
ToolMug

ใช้ ↑ ↓ เพื่อเลื่อน, Enter เพื่อเปิด, Esc เพื่อปิด

ตัวแปลง JSON เป็น TypeScript

แปลงตัวอย่าง JSON (เช่น API response, ไฟล์กำหนดค่า, ข้อมูลทดสอบ) เป็นอินเทอร์เฟซ TypeScript ที่คุณสามารถนำไปวางในโค้ดได้ วัตถุที่ซ้อนกันจะได้รับชื่อประเภทของตัวเอง และความแตกต่างระหว่างรายการในอาร์เรย์จะกลายเป็นฟิลด์ที่เป็นทางเลือกหรือประเภท union

ทำงานในเบราว์เซอร์ของคุณ ข้อมูลที่คุณป้อนจะไม่ถูกอัปโหลด

วิธีใช้งาน

  1. วางตัวอย่าง JSON หรือคลิก โหลดตัวอย่าง
  2. ตั้งชื่อประเภท root
  3. เลือก interfaces หรือ type aliases
  4. คัดลอกหรือดาวน์โหลดประเภทที่สร้างขึ้น

คำอธิบายตัวเลือก

ชื่อประเภท root
ชื่อของประเภท top-level เช่น User หรือ ApiResponse ประเภทที่ซ้อนกันจะตั้งชื่อตามคีย์ — address กลายเป็น Address และรายการใน posts กลายเป็น Post
ใช้ type แทน interface
สร้าง type aliases (type User = { … }) แทน interfaces ทั้งสองใช้งานเหมือนกันสำหรับข้อมูลธรรมชาติ

ตัวอย่าง

{"id": 1, "tags": ["a"], "owner": {"name": "Ada"}} สร้าง:

export interface Owner {
  name: string;
}

export interface Root {
  id: number;
  tags: string[];
  owner: Owner;
}

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

อาร์เรย์ของวัตถุจัดการอย่างไร?

รายการทั้งหมดจะรวมกันเป็นประเภทเดียว คีย์ที่ปรากฏเฉพาะบางรายการจะกลายเป็นทางเลือก (key?) และค่าที่บางครั้งเป็น null จะกลายเป็น union เช่น string | null

ทำไมฟิลด์ถึงถูกพิมพ์เป็น unknown?

ตัวอย่างมีเพียง null ของมัน ดังนั้นไม่สามารถอนุมานประเภทจริงได้ แทนที่ unknown ด้วยประเภทที่ถูกต้อง หรือวางตัวอย่างที่ฟิลด์มีค่า

จำนวนเต็มและเลขทศนิยมเป็นประเภทที่แตกต่างกันหรือไม่?

ไม่ใน TypeScript — ทั้งคู่กลายเป็น number แต่เอาต์พุต Go, Rust และ Python จะแยกแยะพวกมัน

JSON ของฉันจะถูกอัปโหลดหรือไม่?

ไม่ ประเภทจะสร้างขึ้นในเบราว์เซอร์ของคุณ ดังนั้น API responses ที่มีข้อมูลจริงจึงยังคงอยู่บนอุปกรณ์ของคุณ

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

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

เครื่องมือที่เกี่ยวข้อง