ตัวจัดรูปแบบ JSON
จัดรูปแบบ JSON ที่ถูกต้องด้วยการเยื้องที่ชัดเจน ดูข้อมูลซ้อนกัน และเลือกช่องว่างโดยไม่เปลี่ยนโมเดลข้อมูล
ทำให้ JSON อ่านง่ายขึ้น
JSON แบบกะทัดรัดเหมาะกับการส่งข้อมูล แต่ตรวจสอบได้ยากระหว่างการพัฒนา เครื่องมือจัดรูปแบบจะแสดง object และ array ด้วยการขึ้นบรรทัดใหม่และการเยื้องที่สม่ำเสมอ ทำให้เห็นระดับ ฟิลด์ และโครงสร้างที่ไม่คาดคิดได้เร็วขึ้น
การจัดรูปแบบเป็นขั้นตอนด้านการแสดงผล มีไว้ช่วยอ่านเอกสารที่ถูกต้องโดยไม่เปลี่ยนค่าและความสัมพันธ์ หากต้นฉบับไม่ถูกต้อง ให้แก้เครื่องหมายคำพูด จุลภาค หรือวงเล็บก่อน การเปลี่ยนช่องว่างอย่างเดียวไม่สามารถแก้ไวยากรณ์ได้
ความหมายของการจัดรูปแบบ JSON
JSON เป็นรูปแบบข้อความที่ประกอบด้วย object, array, string, number, boolean และ null Formatter จะอ่านโครงสร้างแล้วเขียนใหม่ด้วยบรรทัดและช่องว่าง การเยื้องกำหนดเฉพาะความลึกที่มองเห็น ไม่ได้เพิ่มฟิลด์ เรียง key หรือใช้ JSON Schema ตรวจสอบ
JSON มาตรฐานใช้เครื่องหมายคำพูดคู่กับชื่อสมาชิกและ string ความเห็น จุลภาคท้าย NaN และ Infinity อาจพบในส่วนขยายของบางภาษา แต่ไม่ใช่ไวยากรณ์มาตรฐาน ดังนั้น object literal ของ JavaScript อาจใช้เป็น JSON ไม่ได้
วิธีใช้ Formatter
- วางหรือพิมพ์เอกสาร JSON ในช่องต้นฉบับ
- เลือกค่าการเยื้องเป็นตัวเลข เช่น สองหรือสี่ช่องว่าง
- เรียกใช้การจัดรูปแบบและอ่านผลลัพธ์ หากมีข้อผิดพลาด ให้แก้ต้นฉบับแล้วลองใหม่
- เปรียบเทียบ key, type และ value ก่อนคัดลอกผลลัพธ์
วิธีการจัดรูปแบบ
- วิเคราะห์ก่อน
ต้องตีความ input เป็นค่า JSON หนึ่งค่าก่อนจัดวาง วิธีนี้แยกข้อผิดพลาดทางไวยากรณ์ออกจากรูปแบบการแสดงผล
- เยื้องค่าที่ซ้อนกัน
เมื่อความลึกช่วยให้อ่านง่าย object และ array จะถูกแบ่งเป็นหลายบรรทัด ค่าการเยื้องที่เลือกจะใช้ซ้ำในแต่ละระดับ
- สร้างข้อความที่อ่านง่าย
ผลลัพธ์คือการแทนค่าที่วิเคราะห์แล้วในรูปข้อความใหม่ ช่องว่างอาจเปลี่ยน แต่โครงสร้างที่ตั้งใจยังคงเดิม
ผลลัพธ์ที่อ่านง่ายไม่ได้ยืนยันว่าฟิลด์ที่จำเป็นหรือกฎธุรกิจถูกต้อง
การอ่านผลลัพธ์
ตรวจสอบผลลัพธ์ทั้งในฐานะข้อความและข้อมูล ยืนยันว่า key ลำดับของ array ชนิดข้อมูล และเนื้อหาของ string ถูกต้อง การเพิ่มบรรทัดและช่องว่างเป็นผลปกติของการจัดรูปแบบ
ข้อผิดพลาดหมายถึงต้นฉบับไม่สามารถวิเคราะห์ตามไวยากรณ์ JSON ที่รองรับ ตรวจสอบ comma เครื่องหมายคำพูด วงเล็บ และ escape ใกล้ตำแหน่งปัญหา
ข้อผิดพลาดที่พบบ่อย
JavaScript object literal, YAML หรือ JSON ที่มี comment อาจทำให้ล้มเหลว ใช้ JSON มาตรฐานที่มีเครื่องหมายคำพูดคู่และไม่มี comma ท้าย
การเยื้องไม่ได้เรียง key และไม่ได้ตรวจสอบ field ที่จำเป็น แยกงานเหล่านี้ออกจากการจัดรูปแบบ
ข้อจำกัด
อินเทอร์เฟซแสดง source text และค่าการเยื้องแบบตัวเลขเท่านั้น ไม่ได้ยืนยันการรองรับ JSON Schema, JSON5, การแปลงรูปแบบ หรือการอัปโหลดไฟล์
เอกสารขนาดใหญ่ key ซ้ำ ความแม่นยำของตัวเลข และกฎของแอปควรทดสอบแยกในระบบที่ใช้ข้อมูล
Use the documented workflow, compare the result with the source, and verify live behavior before relying on this output in production work.
Keep sensitive values out of examples and apply the target platform rules, tests, and review process for the selected locale.
Review the localized result against the source, the documented contract, and live behavior before publication or production use.
Review the localized result against the source, the documented contract, and live behavior before publication or production use.
Review the localized result against the source, the documented contract, and live behavior before publication or production use.
Review the localized result against the source, the documented contract, and live behavior before publication or production use.
Review the localized result against the source, the documented contract, and live behavior before publication or production use.
Examples
จัดรูปแบบ object แบบกะทัดรัด
จะอ่าน object ที่อยู่บรรทัดเดียวได้อย่างไร
ส่ง object โดยใช้การเยื้องสองช่องว่าง
แต่ละ property อยู่คนละบรรทัด ส่วนชื่อและค่ายังคงเดิม
แสดง array ที่ซ้อนกัน
จะตรวจสอบ array ของ object ได้อย่างไร
เรียกใช้การจัดรูปแบบด้วยสองช่องว่าง
วงเล็บและขอบเขตของ object แสดงลำดับชั้นของ array
เลือกสี่ช่องว่าง
การเยื้องที่กว้างขึ้นมีประโยชน์เมื่อใด
เลือกสี่ช่องว่างแล้วจัดรูปแบบต้นฉบับ
แต่ละระดับที่ซ้อนกันจะแยกห่างขึ้นและอาจอ่านง่ายบนหน้าจอขนาดใหญ่
ค้นหาเครื่องหมายคำพูดที่หายไป
จะเกิดอะไรขึ้นเมื่อชื่อไม่มีเครื่องหมายคำพูด
ส่งต้นฉบับแล้วดูการตอบกลับ
นี่ไม่ใช่ JSON มาตรฐาน เพราะชื่อสมาชิกต้องเป็น string ที่อยู่ในเครื่องหมายคำพูดคู่
คงค่า boolean
true จะกลายเป็น string หรือไม่
จัดรูปแบบ object แล้วเปรียบเทียบชนิดข้อมูล
true ยังคงเป็น boolean และ yes ยังคงเป็น string เพราะมีเครื่องหมายคำพูด
คงค่า null
null จะแสดงอย่างไร
จัดรูปแบบ object แล้วอ่านค่า
null ยังคงเป็นค่า JSON ที่ชัดเจน และต่างจาก property ที่หายไปหรือ string ว่าง
Frequently asked questions
การจัดรูปแบบตรวจสอบ JSON หรือไม่
ต้นฉบับต้องถูกวิเคราะห์ ดังนั้น syntax error อาจขัดขวางผลลัพธ์ แต่เครื่องมือไม่ได้ตรวจ schema, field ที่จำเป็น หรือกฎธุรกิจ
ค่าของฉันจะเปลี่ยนหรือไม่
การเปลี่ยนที่คาดไว้คือช่องว่างและบรรทัด หากมีตัวเลขใหญ่มากหรือ key ซ้ำ ควรเปรียบเทียบผลลัพธ์
ใช้ single quote ได้หรือไม่
ใช้ไม่ได้ใน JSON มาตรฐาน ชื่อและ string ต้องใช้ double quote
ทำไม comma ท้ายจึงล้มเหลว
ส่วนขยายบางอย่างยอมรับ แต่ไวยากรณ์มาตรฐานไม่ยอมรับ ให้ลบออกก่อนจัดรูปแบบ
ควรใช้สองหรือสี่ช่องว่าง
เลือกตามรูปแบบของโครงการหรือการ review การเลือกนี้เปลี่ยนความอ่านง่าย ไม่เปลี่ยน data model
เครื่องมือเรียง key ให้หรือไม่
อย่าสันนิษฐานเช่นนั้น การจัดรูปแบบจัด layout เท่านั้น การเรียงต้องมีตัวเลือกที่ระบุไว้
เครื่องมือแก้ JSON ที่ผิดได้หรือไม่
ไม่ได้ แก้ quotes, commas, brackets และ escapes ในต้นฉบับก่อน
JSON ที่จัดรูปแบบแล้วเล็กลงหรือไม่
โดยทั่วไปไม่ เพราะมีช่องว่างเพิ่ม JSON แบบกะทัดรัดเหมาะกับการส่ง ส่วน JSON ที่จัดรูปแบบเหมาะกับการตรวจสอบโดยคน