เชี่ยวชาญการจัดรูปแบบและตรวจสอบ JSON
ทำไมการจัดรูปแบบ JSON ที่สมบูรณ์แบบถึงสำคัญทุกตัวอักษร และวิธีสังเกตข้อผิดพลาดเชิงโครงสร้างที่พบบ่อย
Javascript Object Notation (JSON) คือราชาที่ไม่มีใครโต้แย้งได้ของ API สมัยใหม่และการถ่ายโอนข้อมูล อย่างไรก็ตาม เนื่องจากมันเข้มงวดมาก เพียงแค่ลืมเครื่องหมายจุลภาคผิดที่ก็สามารถทำให้ endpoint ที่ใช้งานจริงพังทั้งหมดได้
ในคู่มือนี้ เราจะอธิบายกฎทองของการจัดรูปแบบ JSON
กฎ Syntax ของ JSON
ต่างจาก Javascript objects ทั่วไป JSON นั้นไม่ยืดหยุ่นเลย หากคุณละเมิดกฎเหล่านี้ parser จะโยน SyntaxError ออกมาทันที
- Keys ต้องครอบด้วยเครื่องหมายคำพูดคู่เสมอ:
'name': 'John'ไม่ถูกต้อง ต้องเขียนเป็น"name": "John"เท่านั้น - ห้ามมีเครื่องหมายจุลภาคต่อท้าย: ไม่สามารถใส่เครื่องหมายจุลภาคหลังรายการสุดท้ายใน array หรือ object ได้
- ห้ามใช้ฟังก์ชันหรือ undefined: JSON เก็บได้เฉพาะ strings, numbers, booleans, arrays, objects และ
nullเท่านั้น
JSON ที่ถูกต้อง vs. ไม่ถูกต้อง
มาดูกันว่า JSON parser ที่เข้มงวดต้องการอะไรจากเรา
{
"user": {
"id": 1042,
"isActive": true,
"roles": ["admin", "editor"],
"preferences": null
}
}
หากเราลองเขียน object เดียวกันแบบหลวม ๆ อย่างที่ทำใน JS scripts:
// This is INVALID JSON (but valid Javascript)
{
user: {
id: 1042,
isActive: true, // trailing comma
}
}
ทำไมการตรวจสอบถึงสำคัญ
เมื่อเชื่อมต่อ microservices การส่ง JSON ที่ไม่ถูกต้องหมายความว่าเซิร์ฟเวอร์ที่รับข้อมูลจะโยน error 500 ขนาดใหญ่ออกมา เพราะ JSON.parse() ล้มเหลวอย่างหนัก ควร lint และจัดรูปแบบ JSON ของคุณให้เรียบร้อยก่อนนำไปใช้ในแอปพลิเคชันเสมอ
ใช้เครื่องมือจัดรูปแบบอัตโนมัติเพื่อตรวจสอบว่า API payloads ของคุณปลอดภัยและมีโครงสร้างที่ถูกต้อง!
พร้อมทดสอบข้อมูลของคุณแล้วหรือยัง? ไปที่ JSON Formatter & Validator ของเราเพื่อจัดรูปแบบ raw strings ของคุณได้ทันที!