วิธีจัดรูปแบบและตรวจสอบ JSON ออนไลน์

หากคุณทำงานกับ API ไฟล์การกำหนดค่า หรือข้อมูลที่มีโครงสร้างใดๆ คุณจะพบ JSON เป็นประจำ และหากคุณเคยมองกำแพงของ JSON ที่บีบอัดเพื่อหาวงเล็บที่หายไป คุณจะรู้ว่าทำไมการจัดรูปแบบถึงสำคัญ

ตัวจัดรูปแบบ JSON ทำอะไร

JSON ดิบจากการตอบสนอง API หรือไฟล์ที่บีบอัดดูเช่นนี้:

{"users":[{"name":"Alice","age":30,"roles":["admin","editor"]},{"name":"Bob","age":25,"roles":["viewer"]}]}

ตัวจัดรูปแบบเปลี่ยนเป็นสิ่งที่อ่านได้:

{
  "users": [
    {
      "name": "Alice",
      "age": 30,
      "roles": ["admin", "editor"]
    },
    {
      "name": "Bob",
      "age": 25,
      "roles": ["viewer"]
    }
  ]
}

ข้อมูลเดียวกัน แต่ในที่สุดคุณก็สามารถอ่าน ตรวจหาข้อผิดพลาด และเข้าใจโครงสร้างได้

วิธีจัดรูปแบบ JSON ออนไลน์

1. วาง JSON ของคุณ ในช่องป้อนข้อมูล ตัวจัดรูปแบบตรวจจับข้อผิดพลาดทางไวยากรณ์ทันทีและตรวจสอบโครงสร้าง
2. เลือกการเยื้อง — เลือก 2 หรือ 4 ช่องว่าง หรือคลิก บีบอัด เพื่อบีบอัด JSON ลงในบรรทัดเดียว
3. คัดลอกผลลัพธ์ — เอาต์พุตที่จัดรูปแบบรวมการไฮไลต์ไวยากรณ์ คัดลอกสำหรับโค้ด ไฟล์การกำหนดค่า หรือเอกสารของคุณ

ข้อผิดพลาด JSON ที่พบบ่อยและวิธีตรวจหา

ข้อผิดพลาด JSON ส่วนใหญ่มาจากกับดักทั่วไปไม่กี่อย่าง:

• เครื่องหมายจุลภาคที่ขาดหายหรือเกิน — เครื่องหมายจุลภาคหลังรายการสุดท้ายในอาร์เรย์หรือออบเจกต์ไม่ถูกต้องใน JSON (ต่างจาก JavaScript)
• คีย์ที่ไม่ได้ห่อหุ้มด้วยเครื่องหมายคำพูด — JSON ต้องการเครื่องหมายคำพูดคู่รอบคีย์ทั้งหมด: "name" ไม่ใช่ name
• เครื่องหมายคำพูดเดี่ยว — JSON ยอมรับเฉพาะเครื่องหมายคำพูดคู่: "value" ไม่ใช่ 'value'
• เครื่องหมายจุลภาคต่อท้าย — {"a": 1,} ไม่ถูกต้อง ลบเครื่องหมายจุลภาคหลังรายการสุดท้าย

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

เมื่อใดควรจัดรูปแบบ เมื่อใดควรบีบอัด

จัดรูปแบบ (ทำให้อ่านได้) เมื่อคุณต้องการ:

• อ่านและเข้าใจข้อมูล
• ดีบักการตอบสนอง API
• แก้ไขไฟล์การกำหนดค่า
• แชร์ JSON กับเพื่อนร่วมงาน

บีบอัด เมื่อคุณต้องการ:

• ส่งข้อมูลผ่านเครือข่าย (เพย์โหลดที่เบากว่า = การถ่ายโอนที่เร็วกว่า)
• เก็บ JSON ในฐานข้อมูลหรือบันทึกที่ความสามารถในการอ่านไม่สำคัญ
• ฝัง JSON ในพารามิเตอร์ URL หรือฟิลด์ฟอร์ม

เคล็ดลับสำหรับการทำงานกับ JSON

• ตรวจสอบก่อนส่ง — หากคุณกำลังสร้างคำขอ API ด้วยมือ วาง JSON ของคุณในตัวตรวจสอบก่อน เครื่องหมายจุลภาคที่ผิดที่เพียงตัวเดียวอาจทำให้เกิดข้อผิดพลาดที่น่าสับสนในฝั่งเซิร์ฟเวอร์
• ใช้การเยื้อง 2 ช่องว่าง สำหรับข้อมูลที่ซ้อนกันลึก สิ่งนี้ทำให้บรรทัดสั้นลงและโครงสร้างที่ง่ายต่อการสำรวจ
• เพิ่มเครื่องมือลงในรายการโปรด — หากคุณทำงานกับ JSON เป็นประจำ การมีตัวจัดรูปแบบที่คลิกเดียวช่วยประหยัดเวลาเมื่อเทียบกับการค้นหาทุกครั้ง