วิธีจัดรูปแบบและตรวจสอบข้อมูล JSON ทีละขั้นตอน
ตอบด่วน
วิธี format JSON: วาง JSON ใน JSON Formatter output ที่ beautify พร้อม indent จะปรากฏทันที วิธี validate: เครื่องมือตรวจ syntax อัตโนมัติ แสดง error พร้อมตำแหน่งถ้าไม่ถูกต้อง การประมวลผลเกิดในเครื่อง
การแนะนำ
JSON (JavaScript Object Notation) เป็นรูปแบบข้อมูลทั่วไปสำหรับ web API และไฟล์ config JSON ดิบจาก API มักถูก minify เป็นบรรทัดเดียว อ่านยาก การ format (beautify หรือ pretty-print) เพิ่ม indent และบรรทัด validation ตรวจ syntax —จุลภาคผิดตำแหน่งเดียวทำแอปพังได้
ทีละขั้นตอน
-
เปิด JSON เครื่องมือฟอร์แมตเตอร์
ไปที่หน้า JSON เครื่องมือฟอร์แมตเตอร์ เครื่องมือยอมรับสตริง JSON ใดๆ ที่เป็นอินพุต เช่น อ็อบเจ็กต์ อาร์เรย์ หรือโครงสร้างแบบซ้อน
-
วางข้อมูล JSON ของคุณ
วาง JSON ที่คุณต้องการจัดรูปแบบหรือตรวจสอบความถูกต้องลงในพื้นที่ข้อความอินพุต นี่อาจเป็นการตอบกลับ API ไฟล์กำหนดค่า หรือสตริง JSON จากโค้ดของคุณ
-
ตรวจสอบผลลัพธ์ที่จัดรูปแบบแล้ว
เครื่องมือจะแยกวิเคราะห์ JSON ของคุณ และซีเรียลไลซ์ใหม่ด้วยการเว้นวรรค 2 ช่องและการขึ้นบรรทัดใหม่ ผลลัพธ์ที่จัดรูปแบบแล้วจะปรากฏขึ้นทันทีในช่องผลลัพธ์ หาก JSON ไม่ถูกต้อง ข้อความแสดงข้อผิดพลาดจะปรากฏขึ้นพร้อมตำแหน่งของปัญหาไวยากรณ์
-
ตรวจสอบสถานะการตรวจสอบ
หาก JSON ถูกต้อง เครื่องมือจะแสดงตัวบ่งชี้ความสำเร็จและเอาต์พุตที่จัดรูปแบบแล้ว หากไม่ถูกต้อง ระบบจะแสดงข้อผิดพลาดในการแยกวิเคราะห์ เช่น "โทเค็นที่ไม่คาดคิดที่ตำแหน่ง 42" เพื่อให้คุณสามารถแก้ไขปัญหาไวยากรณ์ในแหล่งที่มาของคุณได้
-
คัดลอกหรือย่อผลลัพธ์
ใช้ปุ่มคัดลอกเพื่อคัดลอก JSON ที่จัดรูปแบบแล้วไปยังคลิปบอร์ดของคุณ เครื่องมือบางตัวยังมีปุ่มย่อขนาดเพื่อลบช่องว่างทั้งหมด ซึ่งมีประโยชน์ในการลดขนาดเพย์โหลดในการผลิต
ตัวอย่าง
รูปแบบย่อขนาด JSON
ป้อนข้อมูล: {"name":"Alice","age":30,"roles":["admin","user"]}
เอาท์พุต: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
ตรวจพบ JSON ที่ไม่ถูกต้อง (เครื่องหมายจุลภาคต่อท้าย)
ป้อนข้อมูล: {"a":1,"b":2,}
เอาท์พุต: Error: Unexpected token } at position 11
ตรวจพบ JSON ที่ไม่ถูกต้อง (เครื่องหมายคำพูดเดี่ยว)
ป้อนข้อมูล: {'name':'Alice'}
เอาท์พุต: ข้อผิดพลาด: โทเค็นที่ไม่คาดคิด ' ที่ตำแหน่ง 1
ปัญหาทั่วไป
- การใช้เครื่องหมายคำพูดเดี่ยวสำหรับสตริง —JSON ต้องใช้เครื่องหมายคำพูดคู่สำหรับสตริงและคีย์ทั้งหมด
- เครื่องหมายจุลภาคต่อท้ายรายการสุดท้าย —JSON ไม่อนุญาตให้มีเครื่องหมายจุลภาคนำหน้า } หรือ ]
- ความคิดเห็นใน JSON —มาตรฐาน JSON ไม่รองรับ // หรือ /* */ ความคิดเห็น ใช้ JSONC หรือ JSON5 หากคุณต้องการความคิดเห็น
- คีย์ที่ไม่มีเครื่องหมายคำพูด —ต่างจากตัวอักษรอ็อบเจ็กต์ JavaScript JSON กำหนดให้คีย์ทั้งหมดอยู่ในเครื่องหมายคำพูดคู่
- ค่าที่ไม่ได้กำหนด NaN หรือค่าอนันต์ —JSON รองรับเฉพาะค่า null เท่านั้น ไม่ใช่ค่าที่ไม่ได้กำหนดหรือ NaN
เคล็ดลับ
- ตรวจสอบ JSON ก่อนส่งไปในคำขอ API เสมอ —ข้อผิดพลาดทางไวยากรณ์อาจทำให้เกิดการตอบสนอง 400 คำขอที่ไม่ถูกต้อง
- ใช้ JSON แบบย่อในการผลิตเพื่อประหยัดแบนด์วิธ และจัดรูปแบบ JSON ในการพัฒนาเพื่อให้อ่านง่าย
- JSON ไม่รองรับวัตถุ Date — ทำให้วันที่เป็นอนุกรมเป็นสตริง ISO 8601 (เช่น "2026-09-02T00:00:00Z")
- ใช้ JSON.parse() ใน JavaScript เพื่อแปลงสตริง JSON เป็นวัตถุ และใช้ JSON.stringify() เพื่อแปลงวัตถุเป็นสตริง JSON