วิธีทำ
วิธีจัดรูปแบบ JSON ออนไลน์
JSON ดิบจากการตอบกลับของ API หรือไฟล์การตั้งค่ามักถูกย่อให้เป็นบรรทัดยาวบรรทัดเดียว การอ่าน การดีบัก หรือการแก้ไขในสภาพนั้นเป็นเรื่องลำบาก คู่มือนี้แสดงวิธีจัดสวย JSON ด้วยการเยื้องที่ถูกต้องในสามคลิก ตรวจสอบหาข้อผิดพลาดของไวยากรณ์ และย่อกลับเมื่อจำเป็น โดยทุกอย่างทำงานในเบราว์เซอร์ของคุณและไม่มีข้อมูลออกจากแท็บ
ทีละขั้นตอน
- เปิดตัวจัดรูปแบบ JSON แล้ววาง JSON ของคุณลงในแผงด้านซ้าย คุณสามารถวางจากคลิปบอร์ดโดยตรง (Ctrl+V) จากการตอบกลับ curl ในบรรทัดคำสั่ง หรือจากโปรแกรมแก้ไขข้อความใดก็ได้ ช่องป้อนรับขนาดใดก็ได้ภายในขีดจำกัดของเครื่องมือ
- เลือกโหมด จัดรูปแบบจะเพิ่มการเยื้อง (2 หรือ 4 ช่องว่าง ตามที่คุณเลือก) ตรวจสอบจะแค่เช็กไวยากรณ์โดยไม่แก้ไข JSON ย่อจะตัดช่องว่างทั้งหมดเพื่อผลลัพธ์ที่กระชับที่สุด สำหรับการใช้งานส่วนใหญ่ จัดรูปแบบคือสิ่งที่คุณต้องการ
- คลิกรัน ผลลัพธ์ที่จัดรูปแบบแล้วจะปรากฏในแผงด้านขวา คัดลอกด้วยปุ่มคัดลอกแล้ววางกลับลงในโปรแกรมแก้ไขหรือไฟล์การตั้งค่าของคุณ เครื่องมือแสดงจำนวนบรรทัดและจำนวนอักขระเพื่อให้คุณตรวจสอบขนาดผลลัพธ์ได้ในพริบตา
การอ่านข้อความแสดงข้อผิดพลาด
เมื่อ JSON ของคุณมีข้อผิดพลาดของไวยากรณ์ ตัวจัดรูปแบบจะแสดงข้อผิดพลาดพร้อมตำแหน่ง (บรรทัดและคอลัมน์) ที่ชี้ไปยังอักขระที่ทำให้การแยกวิเคราะห์ล้มเหลว สาเหตุที่พบบ่อย ลูกน้ำที่ตามหลังรายการสุดท้ายในอาเรย์หรืออ็อบเจกต์ (ใช้ได้ใน JavaScript แต่ไม่ใช่ใน JSON) วงเล็บปิดที่ขาดหายหรือเกินมา คีย์ที่ไม่ได้ใส่เครื่องหมายอัญประกาศคู่ หรืออักขระพิเศษที่ไม่ได้ใส่เครื่องหมายหลีกภายในสตริง แก้ตำแหน่งที่ถูกชี้แล้วรันอีกครั้ง
JSON, YAML และ CSV เมื่อใดควรใช้อันไหน
JSON เป็นมาตรฐานสำหรับการตอบกลับของ API และไฟล์การตั้งค่าที่โค้ดต้องใช้ YAML เป็นที่นิยมสำหรับการตั้งค่าที่มนุษย์แก้ไข (เครื่องหมายวรรคตอนน้อยกว่า รองรับความคิดเห็น) CSV เหมาะที่สุดสำหรับข้อมูลแบบตารางที่สเปรดชีตใช้ ตัวแปลงข้อมูลบนเว็บไซต์นี้ให้คุณแปลงระหว่างสามฟอร์แมตนี้ในขั้นตอนเดียว วาง JSON คลิกแปลง แล้วได้ YAML หรือ CSV ออกมา JSON ที่ย่อแล้วยังมีประโยชน์เมื่อคุณต้องฝังข้อมูลในพารามิเตอร์คิวรีของ URL หรือในส่วนหัว HTTP ที่มีขีดจำกัดขนาด
เครื่องมือที่ใช้ในคู่มือนี้
คำถามที่พบบ่อย
JSON ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่
ไม่ ตัวจัดรูปแบบทำงานทั้งหมดในเบราว์เซอร์ของคุณ JSON ของคุณถูกแยกวิเคราะห์ด้วย JSON.parse ที่มีอยู่ในเบราว์เซอร์และผลลัพธ์ถูกสร้างในหน่วยความจำ ไม่มีอะไรเดินทางผ่านเครือข่าย เรื่องนี้สำคัญเมื่อ JSON มีคีย์ API โทเค็น ข้อมูลภายใน หรือข้อมูลส่วนบุคคล ซึ่งพบได้ทั่วไปในขั้นตอนการดีบัก API
ขนาดสูงสุดที่ฉันวางได้คือเท่าไร
ตัวจัดรูปแบบรับ JSON ได้สูงสุด 5 MB เกินกว่านั้น การแยกวิเคราะห์บนเธรดหลักจะทำให้แท็บเบราว์เซอร์ค้างโดยไม่มีการตอบสนอง สำหรับไฟล์ JSON ที่ใหญ่กว่า ให้ใช้เครื่องมือเดสก์ท็อปเฉพาะอย่าง jq บนบรรทัดคำสั่ง (jq . file.json) ซึ่งจัดการได้หลายร้อยเมกะไบต์โดยไม่มีปัญหา