JSON Pretty Print คืออะไร?JSON pretty print แปลง JSON ที่กะทัดรัดและอ่านยากให้เป็นรูปแบบหลายบรรทัดที่มีการย่อหน้าเป็นระเบียบ ในขณะที่เครื่องจักรประมวลผล JSON บรรทัดเดียวได้อย่างราบรื่น มนุษย์ต้องการโครงสร้าง — ลำดับชั้นทางภาพ วงเล็บที่เรียงกัน และการย่อหน้าที่สม่ำเสมอ — เพื่อทำความเข้าใจข้อมูลที่ซับซ้อนได้อย่างรวดเร็ว
Before · json Copy
After · json Copy
{"user":"alice","role":"admin","permissions":["read","write"],"active":true,"lastLogin":1717200000} {
"user": "alice",
"role": "admin",
"permissions": [
"read",
"write"
],
"active": true,
"lastLogin": 1717200000
} ทำไมต้อง Pretty Print JSON?JSON ดิบจาก API ฐานข้อมูล และไฟล์ล็อกมักถูกบีบอัดเพื่อประหยัดแบนด์วิธ Pretty print คืนโครงสร้างที่อ่านได้โดยมนุษย์ที่จำเป็นสำหรับการดีบัก ตรวจสอบ และทำความเข้าใจข้อมูล
🔍
ดีบักได้เร็วขึ้น
ค้นพบฟิลด์ที่หายไป ค่าที่ผิดพลาด และข้อผิดพลาดเชิงโครงสร้างภายในไม่กี่วินาที แทนที่จะวิเคราะห์กำแพงข้อความทีละตัวอักษร
👥
Code Review ชัดเจนขึ้น
การตรวจสอบการเปลี่ยนแปลงไฟล์ config JSON ใน pull request ง่ายขึ้นมากเมื่อมีการย่อหน้าที่ถูกต้อง ผู้ตรวจสอบสามารถมุ่งเน้นไปที่สิ่งที่เปลี่ยนแปลง
🔌
ตรวจสอบ API
เมื่อสำรวจ API ใหม่ การตอบสนองที่จัดรูปแบบแล้วช่วยให้เข้าใจโมเดลข้อมูลและโครงสร้างการซ้อนกันได้ทันที
📝
เอกสารและการแชร์
JSON ที่จัดรูปแบบแล้วพร้อมสำหรับการวางลงในเอกสาร wiki ตั๋ว และ Slack โดยไม่ต้องให้ใครวิเคราะห์ทางจิตใจ
การเลือกการย่อหน้าทั้ง 2 และ 4 ช่องว่างใช้กันอย่างแพร่หลาย ตัวเลือกที่ถูกต้องมักขึ้นอยู่กับคู่มือสไตล์ของทีมหรือความชอบส่วนตัว
2 ช่องว่าง
ตัวเลือกที่นิยมมากที่สุดในชุมชน JavaScript และ JSON ทำให้ไฟล์กะทัดรัดในขณะที่ยังอ่านได้ ใช้โดย npm, ESLint และคู่มือสไตล์ JS ส่วนใหญ่
4 ช่องว่าง
พบบ่อยในโปรเจกต์ Python, Java และ C# ให้พื้นที่ภาพมากขึ้นและมักนิยมใช้กับโครงสร้างที่ซ้อนกันลึก
กรณีการใช้งานทั่วไปดีบักการตอบสนอง API
วาง API response ดิบแล้วดูโครงสร้างข้อมูลทั้งหมด อ็อบเจกต์ที่ซ้อนกัน และเนื้อหาอาร์เรย์ในเลย์เอาต์ที่อ่านได้ทันที
อ่านไฟล์ config
การกำหนดค่าที่เก็บใน JSON บีบอัดกลายเป็นเรื่องง่ายในการอ่านและแก้ไขหลังจากจัดรูปแบบแล้ว ไม่ต้องล่าหา key เฉพาะอีกต่อไป
วิเคราะห์ล็อก
ล็อกที่มีโครงสร้างมักมี JSON payload การจัดรูปแบบรายการล็อกแต่ละรายการทำให้การวิเคราะห์สาเหตุหลักเร็วขึ้นมาก
เอกสารสำหรับนักพัฒนา
การให้ตัวอย่าง JSON ที่ชัดเจนและย่อหน้าในเอกสาร API ช่วยให้นักพัฒนาเข้าใจรูปร่างของคำขอและการตอบสนองได้ทันที
สำรวจข้อมูล
เมื่อทำงานกับชุดข้อมูลที่ไม่คุ้นเคย pretty print เผยให้เห็น schema ทั้งหมด ฟิลด์ ประเภท และการซ้อนกัน โดยไม่ต้องอ่านเอกสารก่อน
การทดสอบและ QA
การเปรียบเทียบ JSON ที่คาดหวังกับจริงในการทดสอบที่ล้มเหลวง่ายขึ้นมากด้วยการย่อหน้าที่สม่ำเสมอและโครงสร้างทีละบรรทัด
Pretty Print ในเทอร์มินัลไม่จำเป็นต้องใช้เครื่องมือเบราว์เซอร์เสมอ คำสั่งเหล่านี้จัดรูปแบบ JSON โดยตรงในเทอร์มินัลโดยไม่ต้องติดตั้งเพิ่มเติม
Python Copy
echo '{"a":1}' | python3 -m json.tool Node.js Copy
node -e "console.log(JSON.stringify(JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')),null,2))" curl + jq Copy
curl -s https://api.example.com/data | jq . คำถามที่พบบ่อยWhat is JSON pretty printing?
JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.
Pretty print เปลี่ยนแปลงข้อมูลไหม?
ไม่ มีเพียงช่องว่างที่ถูกเพิ่ม ไม่มีข้อมูล key ค่า หรือลำดับที่ถูกแก้ไข ไฟล์ JSON ที่จัดรูปแบบแล้วมีความหมายเหมือนกับต้นฉบับทุกประการ
2 ช่องว่างหรือ 4 ช่องว่างดีกว่า?
ไม่มีอันไหนที่ดีกว่าอย่างเป็นรูปธรรม 2 ช่องว่างกะทัดรัดกว่าและเป็นค่าเริ่มต้นในเครื่องมือ JavaScript หลายตัว 4 ช่องว่างให้การแยกภาพมากขึ้น ใช้สิ่งที่คู่มือสไตล์ทีมของคุณระบุ
สามารถ pretty print JSON ที่ไม่ถูกต้องได้ไหม?
ไม่ได้ อินพุตต้องเป็น JSON ที่ถูกต้องก่อน หากมีเครื่องหมายจุลภาคท้าย เครื่องหมายอัญประกาศเดี่ยว หรือคอมเมนต์ (JSONC/JSON5) ให้แปลงเป็น JSON มาตรฐานก่อน
จะจัดรูปแบบ JSON ใน DevTools ของเบราว์เซอร์ได้อย่างไร?
ใน Chrome/Firefox DevTools ให้คลิกปุ่ม {} ที่ด้านล่างของแผง network response เพื่อจัดรูปแบบอัตโนมัติ คุณยังสามารถรัน JSON.stringify(obj, null, 2) ในคอนโซลเพื่อจัดรูปแบบ JavaScript object ใดก็ได้