เครื่องมือจัดรูปแบบ JSON
วางสตริง JSON เพื่อตรวจสอบความถูกต้อง ดูรูปแบบที่สวยงาม และรับข้อมูลเมทริกซ์โครงสร้างพื้นฐาน
วิธีใช้งานเครื่องมือจัดรูปแบบ JSON นี้
- วาง JSON ลงในช่องป้อนข้อมูล JSON
วางหรือพิมพ์สตริง JSON ของคุณลงในช่องป้อนข้อมูล JSON
- ตรวจสอบความถูกต้อง
ผลลัพธ์สถานะจะระบุว่าข้อมูลที่ป้อนเป็น JSON ที่ถูกต้องหรือไม่ หรือแสดงข้อผิดพลาดในการแยกวิเคราะห์
- อ่านผลลัพธ์ที่จัดรูปแบบแล้ว
JSON ที่ถูกต้องจะถูกจัดรูปแบบให้สวยงามด้วยการย่อหน้า 2 ช่องว่างในส่วนผลลัพธ์ที่จัดรูปแบบ
- ตรวจสอบตัวชี้วัดโครงสร้าง
ใช้จำนวนคีย์ทั้งหมดและความลึกของการซ้อนสูงสุดเพื่อทำความเข้าใจโครงสร้างเอกสาร
วิธีการทำงานของเครื่องมือจัดรูปแบบ JSON นี้
เครื่องมือนี้ใช้ JSON.parse ของเบราว์เซอร์เพื่อตรวจสอบความถูกต้องของข้อมูล และใช้ JSON.stringify พร้อมการย่อหน้าเพื่อสร้างผลลัพธ์ที่อ่านง่าย นอกจากนี้ยังมีการตรวจสอบโครงสร้างเพื่อนับจำนวนคีย์ทั้งหมดและวัดความลึกสูงสุดของการซ้อนกัน
JSON.parse(input) → JSON.stringify(parsed, null, 2) ข้อมูลนำเข้า: {"name":"test","value":42} → จัดรูปแบบด้วยการย่อหน้า 2 ช่องว่าง, 2 คีย์, ความลึก 1
อินพุต {"a":1,"b":[2,3],"c":{"d":4}} → 4 คีย์, ความลึก 2 ออบเจกต์ c ที่ซ้อนอยู่จะเพิ่มความลึกขึ้นหนึ่งระดับ
อินพุตที่ไม่ถูกต้อง {"key": undefined} ไม่ผ่านการตรวจสอบ — JSON ไม่มีค่า undefined ให้ใช้ null หรือละเว้นคีย์นั้นแทน
- ✓ ข้อมูลนำเข้าต้องเป็น JSON ที่ถูกต้อง (ไม่ใช่ JavaScript object หรือมีเครื่องหมายจุลภาคต่อท้าย)
- ✓ ข้อมูลนำเข้าขนาดใหญ่อาจส่งผลต่อประสิทธิภาพของเบราว์เซอร์
- เครื่องมือนี้ทำงานบนเบราว์เซอร์ของคุณทั้งหมด ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ใดๆ
ทำความเข้าใจการตรวจสอบความถูกต้องของ JSON
JSON (JavaScript Object Notation) เป็นเซตย่อยที่เข้มงวดของไวยากรณ์ลิเทอรัลของ JavaScript JSON ที่ถูกต้องกำหนดให้คีย์และค่าสตริงต้องอยู่ในเครื่องหมายอัญประกาศคู่ ห้ามมีเครื่องหมายจุลภาคต่อท้าย ห้ามมีคอมเมนต์ และห้ามใช้เครื่องหมายอัญประกาศเดี่ยว ตัวแยกวิเคราะห์จะอ่านสตริงทีละตัวอักษรและสร้างโครงสร้างการแยกวิเคราะห์ ข้อผิดพลาดทางไวยากรณ์ใดๆ เช่น จุลภาคที่หายไป อัญประกาศที่ไม่ได้ใส่รหัสหลีก หรือตัวเลขที่ไม่ถูกต้อง จะทำให้การตรวจสอบล้มเหลวพร้อมข้อความแสดงข้อผิดพลาดและตำแหน่งที่ระบุ การทราบข้อผิดพลาดที่พบบ่อยจะช่วยได้: เครื่องหมายจุลภาคต่อท้ายหลังองค์ประกอบอาร์เรย์หรือคุณสมบัติออบเจ็กต์สุดท้ายนั้นไม่ถูกต้อง เช่นเดียวกับคอมเมนต์สไตล์ JavaScript (// หรือ /* */) ค่าตัวเลขต้องไม่มีศูนย์นำหน้ายกเว้นเลข 0 เอง และสตริงต้องใช้ลำดับการหลีกที่ถูกต้อง
กรณีการใช้งานจริงสำหรับนักพัฒนาในการจัดรูปแบบ JSON
นักพัฒนาใช้เครื่องมือจัดรูปแบบ JSON เมื่อดีบักการตอบสนองของ API ตรวจสอบไฟล์กำหนดค่า และเตรียมข้อมูลสำหรับเอกสารประกอบ JSON ที่ถูกย่อขนาด (minified) จาก API ในระบบจริงนั้นอ่านยาก การจัดรูปแบบให้สวยงาม (pretty-printing) จะช่วยเผยโครงสร้างและทำให้ตรวจพบฟิลด์ที่ผิดรูปแบบหรือไม่คาดคิดได้ง่ายขึ้น ตัวชี้วัดโครงสร้าง เช่น จำนวนคีย์และความลึกของการซ้อนกัน ช่วยประเมินความซับซ้อนและระบุข้อมูลที่มีการซ้อนกันมากเกินไปซึ่งอาจทำให้เกิดปัญหาด้านประสิทธิภาพ เมื่อเขียนการทดสอบหรือข้อมูลจำลอง (fixtures) JSON ที่จัดรูปแบบแล้วจะเปรียบเทียบความแตกต่าง (diff) และตรวจสอบในระบบควบคุมเวอร์ชันได้ง่ายกว่า ตัวตรวจสอบความถูกต้องจะตรวจจับข้อผิดพลาดทางไวยากรณ์ได้อย่างรวดเร็วก่อนส่งคำขอหรือบันทึกไฟล์กำหนดค่า ช่วยประหยัดเวลาในขั้นตอนการดีบัก
คำถามที่พบบ่อย
เครื่องมือนี้รองรับ JSON5 หรือ JSONC หรือไม่?
ไม่ รองรับเฉพาะ JSON มาตรฐาน (RFC 8259) เท่านั้น คอมเมนต์และเครื่องหมายจุลภาคต่อท้ายจะทำให้เกิดข้อผิดพลาดในการตรวจสอบ
มีการจำกัดขนาดหรือไม่?
ไม่มีการจำกัดขนาดที่แน่นอน แต่สตริง JSON ขนาดใหญ่อาจทำให้เบราว์เซอร์ทำงานช้าลง