คลายโค้ด JSON ที่ย่อออนไลน์
วางข้อมูลตอบกลับจาก API ไฟล์กำหนดค่า หรือบรรทัด log เพื่อให้อ่านได้สะดวก ออบเจ็กต์และอาร์เรย์จะถูกเยื้องตามระดับความลึก แยกคีย์อย่างเป็นระเบียบ และเน้นสีไวยากรณ์ในผลลัพธ์
ทำไม JSON จึงมาในรูปแบบที่กระชับ
JSON เป็นรูปแบบข้อมูลหลักของ API ซึ่งให้ความสำคัญกับจำนวนไบต์มากกว่าความสะดวกในการอ่าน ข้อมูลตอบกลับจาก REST endpoint หรือเซิร์ฟเวอร์ GraphQL จึงมักถูกแปลงเป็นข้อความโดยไม่มีช่องว่างเลย วิธีนี้เหมาะกับการส่งผ่านเครือข่าย แต่ทำให้คนอ่านลำบาก เช่นเดียวกับไฟล์กำหนดค่าที่เครื่องมือสร้าง บรรทัด log ที่มีโครงสร้าง บล็อก JSON-LD ในหน้าเว็บ และข้อมูลที่คัดลอกจากแท็บ Network ใน DevTools
จัดรูปแบบแล้วเห็นโครงสร้างทันที
JSON ที่เยื้องแล้วช่วยตอบคำถามด้านโครงสร้างได้รวดเร็ว ออบเจ็กต์นี้ซ้อนลึกเพียงใด ฟิลด์นั้นเป็นอาร์เรย์ของออบเจ็กต์หรือออบเจ็กต์ที่เก็บอาร์เรย์ คีย์ใดเป็น null ทั้งที่คาดว่าจะมีค่า และเรกคอร์ดหนึ่งจบตรงไหนก่อนเริ่มเรกคอร์ดถัดไป การกวาดตาหาคีย์ที่หายไปหรือสะกดผิดในข้อมูลที่จัดรูปแบบแล้วใช้เวลาเพียงไม่กี่วินาที ขณะที่ข้อมูลบรรทัดเดียวอาจทำให้ต้องเขียนสคริปต์มาช่วยค้นหาแทน
พบ JSON ที่ผิดไวยากรณ์ได้ทันที
เนื่องจากต้องแยกวิเคราะห์ข้อมูลก่อนแสดงผล การจัดรูปแบบจึงเป็นวิธีตรวจไวยากรณ์ที่รวดเร็วด้วย เครื่องหมายจุลภาคเกินท้ายรายการ สตริงที่ใช้เครื่องหมายคำพูดเดี่ยว เครื่องหมายคำพูดในค่าที่ไม่ได้ใส่อักขระ escape หรือข้อมูลตอบกลับที่ถูกตัดขาด จะทำให้การแยกวิเคราะห์หยุดและแสดงข้อผิดพลาดแทนผลลัพธ์ วิธีนี้มักช่วยให้พบว่าข้อมูล API ที่กำลังดีบักถูกส่งมาไม่ครบ หรือไฟล์กำหนดค่ามีจุลภาคเกินหนึ่งตัว
JSON, JSON Lines และ JSONP
หน้านี้จัดรูปแบบเอกสาร JSON ครั้งละหนึ่งเอกสาร หากข้อมูลเป็นไฟล์ log ที่แต่ละบรรทัดมีออบเจ็กต์ JSON ของตัวเอง ให้เลือกจัดรูปแบบทีละบรรทัดที่สนใจ เพราะทั้งไฟล์ไม่ใช่เอกสาร JSON เดียวที่ถูกต้อง และหากข้อมูลตอบกลับเริ่มด้วยชื่อฟังก์ชันที่ครอบข้อมูลไว้ นั่นคือ JSONP ซึ่งเป็นเหตุผลที่เครื่องมืออาจตรวจพบเป็น JavaScript ในกรณีนั้นการตรวจจับถูกต้องแล้ว และการจัดรูปแบบเป็น JavaScript ก็ยังให้ผลลัพธ์ที่อ่านง่าย
คำถามที่พบบ่อย
เครื่องมือตรวจสอบ JSON ให้ด้วยหรือไม่?
ในทางปฏิบัติใช่ เอกสารต้องแยกวิเคราะห์ได้ก่อนจึงจะจัดรูปแบบได้ หากมีข้อผิดพลาดด้านไวยากรณ์ ระบบจะหยุดและแจ้งข้อผิดพลาดแทนผลลัพธ์ จึงเป็นวิธีที่รวดเร็วในการตรวจว่าข้อมูลมีรูปแบบ JSON ที่ถูกต้องหรือไม่
ลำดับคีย์ยังเหมือนเดิมหรือไม่?
เหมือนเดิม คีย์ยังอยู่ตามลำดับที่ปรากฏในเอกสารต้นฉบับ ไม่มีการเรียงหรือย้ายตำแหน่ง เปลี่ยนเฉพาะช่องว่างและการขึ้นบรรทัดใหม่เพื่อให้อ่านง่ายขึ้น
จัดรูปแบบข้อมูลตอบกลับ API ขนาดใหญ่มากได้หรือไม่?
ได้ภายในขอบเขตที่เครื่องรองรับ ข้อมูลขนาดหลายเมกะไบต์สามารถจัดการได้ แต่อาจต้องรอสักครู่เพราะแยกวิเคราะห์บนเครื่องของคุณเอง ไม่มีการอัปโหลดข้อมูล จึงเหมาะกับการวางข้อมูลตอบกลับที่มีข้อมูลภายในองค์กร