วิธีจัดรูปแบบ JSON ตรวจสอบและแก้ JSON ที่ผิด
อ่าน 7 นาทีอัปเดต 5 ตุลาคม 2569
วิธีจัดรูปแบบ JSON คือวาง JSON ลงใน JSON Formatter ระบบจะจัดรูปแบบให้ทันทีขณะพิมพ์ เยื้อง 2 ช่องและไฮไลต์สีให้อ่านง่าย เปลี่ยนเป็น 4 ช่องหรือแท็บ กด เรียงคีย์ หรือ ย่อ ได้ตามต้องการ แล้ว คัดลอก หรือ ดาวน์โหลด .json ถ้า JSON ผิด จะบอกข้อผิดพลาดพร้อมบรรทัดและคอลัมน์ และปุ่ม ไปยังจุดผิดพลาด จะพาไปตรงจุดนั้นเลย
ใช้ฟรี ไม่ต้องสมัคร ใช้ได้ทุกอุปกรณ์ ทุกอย่างทำงานในเบราว์เซอร์และ JSON ของคุณไม่ถูกส่งไปเซิร์ฟเวอร์ ซึ่งสำคัญมากเวลาวางผลลัพธ์จาก API ที่มี token อีเมล หรือข้อมูลลูกค้า
ทำทีละขั้นตอน
- 1วาง JSONวาง JSON ในช่อง ข้อมูลเข้า ลากไฟล์ .json มาวาง หรือกดปุ่มเปิดไฟล์ (ไฟล์ไม่เกิน 20 MB) กด ตัวอย่าง เพื่อลองกับข้อมูลตัวอย่าง
- 2ดูแถบสถานะถ้า JSON ถูกต้องจะขึ้น JSON ถูกต้อง สีเขียว พร้อมจำนวนคีย์ ความลึก และขนาด ถ้าผิดจะแสดงข้อความแจ้ง บรรทัดและคอลัมน์ และข้อความรอบๆ โดยไฮไลต์ตัวอักษรที่มีปัญหา
- 3แก้ข้อผิดพลาดกด ไปยังจุดผิดพลาด เพื่อเลือกตัวอักษรที่มีปัญหาในช่องข้อมูลเข้า แก้ให้ถูก ผลลัพธ์จะอัปเดตทันที ทำซ้ำจนสถานะเป็นสีเขียว
- 4เลือกรูปแบบการจัดวางใช้ จัดรูปแบบ แล้วเลือก 2 ช่อง 4 ช่อง หรือ แท็บ เปิด เรียงคีย์ เพื่อเรียงคีย์ A–Z ทุกระดับ หรือเลือก ย่อ เพื่อตัดช่องว่างทั้งหมดออก
- 5ดู คัดลอก หรือดาวน์โหลดสลับผลลัพธ์ระหว่าง โค้ด และ ทรี ในมุมมองทรี แตะที่คีย์เพื่อคัดลอก path เช่น $.author.name จากนั้นกด คัดลอก หรือ ดาวน์โหลด .json เพื่อบันทึกเป็นไฟล์
วิธีแก้ JSON ที่ไม่ถูกต้อง: สาเหตุที่เจอบ่อย
JSON Formatter ไม่เดาและแก้ข้อมูลให้เอง แต่จะชี้ให้เห็นว่าตัวอ่าน JSON หยุดตรงไหน คุณจึงควบคุมได้ว่าอะไรถูกเปลี่ยน ข้อผิดพลาดเกือบทั้งหมดมาจากสาเหตุเหล่านี้
- จุลภาคเกิน — มี , ก่อน } หรือ ] เช่น [1, 2, 3,] ให้ลบออก
- ใช้เครื่องหมายคำพูดเดี่ยว — JSON ต้องใช้เครื่องหมายคำพูดคู่ทั้งข้อความและคีย์ {'a': 'b'} ต้องเป็น {"a": "b"}
- คีย์ไม่มีเครื่องหมายคำพูด — {name: "Ann"} ใช้ได้ใน JavaScript แต่ไม่ใช่ JSON ต้องเขียนเป็น {"name": "Ann"}
- มีคอมเมนต์ — JSON ไม่อนุญาตให้มี // หรือ /* */ ให้ลบออก
- ขาดจุลภาคหรือวงเล็บ — ระหว่างสองรายการ หรือตอนท้ายสุด ข้อผิดพลาดมักถูกรายงานที่บรรทัดถัดไป
- ค่าที่ไม่ใช่ JSON — True, False, None จาก Python หรือ undefined และ NaN จาก JavaScript ให้ใช้ true, false และ null
- เครื่องหมายคำพูดแบบโค้ง — “ ” ที่คัดลอกมาจาก Word แชต หรือเอกสาร ดูเหมือนถูกแต่ใช้ไม่ได้ ให้พิมพ์ใหม่เป็นเครื่องหมายคำพูดตรง
ทริค: ตำแหน่งที่รายงานคือจุดที่ตัวอ่านยอมแพ้ ซึ่งมักอยู่หลังจุดผิดจริงเล็กน้อย ถ้าจุดที่ไฮไลต์ดูไม่ผิด ให้ดูท้ายบรรทัดก่อนหน้า
จัดรูปแบบหรือย่อ JSON
JSON ที่จัดรูปแบบแล้ว (beautify หรือ pretty-print) จะแยกคีย์ละบรรทัดพร้อมการเยื้อง อ่านข้อมูลซ้อนกันได้ง่าย เห็นฟิลด์ที่หายไป และตรวจการเปลี่ยนแปลงได้ เหมาะตอนดีบักและกับไฟล์ที่คนแก้ด้วยมือ
JSON ที่ย่อแล้วจะตัดช่องว่างและการขึ้นบรรทัดที่ไม่จำเป็นออกทั้งหมด ข้อมูลเหมือนเดิมทุกอย่างแต่เล็กลง เหมาะกับการใส่ในค่าคอนฟิกบรรทัดเดียว พารามิเตอร์ใน URL หรือ body ของ request
อ่าน JSON ขนาดใหญ่ด้วยมุมมองทรี
ผลลัพธ์จาก API อาจยาวหลายพันบรรทัด มุมมอง ทรี จะแสดงโครงสร้างแทน ยุบและขยาย object กับ array ได้ แต่ละก้อนบอกจำนวนคีย์หรือรายการ และ array ที่ยาวมากจะแสดง 200 รายการแรกพร้อมปุ่มแสดงเพิ่ม
แตะคีย์ไหนก็ได้เพื่อคัดลอก path เช่น $.tools[1].slug ไปใช้ในโค้ดหรือคำสั่ง query ได้เลย ผลลัพธ์ที่ใหญ่มากจะแสดงโดยไม่ไฮไลต์สี เพื่อให้หน้าเว็บยังลื่น
เครื่องมืออื่นสำหรับทำงานกับ JSON
เมื่อ JSON ถูกต้องแล้ว เครื่องมือเหล่านี้ช่วยทำขั้นต่อไปได้
- CSV ↔ JSON — แปลงไฟล์จากสเปรดชีตเป็น JSON หรือแปลง JSON กลับเป็นตาราง
- YAML ↔ JSON ↔ XML — แปลงไฟล์ตั้งค่าระหว่างรูปแบบต่างๆ
- เปรียบเทียบข้อความ — จัดรูปแบบ JSON สองไฟล์โดยเปิด เรียงคีย์ แล้วเทียบกันทีละบรรทัด
- JWT Decoder — อ่าน JSON ที่อยู่ใน token เข้าสู่ระบบ โดยไม่ต้องส่งไปที่ไหน
คำถามที่พบบ่อย
- เครื่องมือแก้ JSON ให้อัตโนมัติได้ไหม?
- ไม่ได้ แต่จะบอกบรรทัด คอลัมน์ และตัวอักษรที่ทำให้ JSON ผิด และพาไปที่จุดนั้นด้วยปุ่มไปยังจุดผิดพลาด คุณจึงเป็นคนตัดสินใจแก้เอง ข้อมูลไม่ถูกเปลี่ยนโดยไม่รู้ตัว
- ทำไม JSON ที่มีคอมเมนต์ถึงขึ้นว่าไม่ถูกต้อง?
- JSON มาตรฐานไม่อนุญาตให้มีคอมเมนต์ ไฟล์ตั้งค่าบางชนิดใช้รูปแบบที่ผ่อนปรนกว่า เช่น JSONC หรือ JSON5 ซึ่งมีคอมเมนต์ได้ แต่ตัวอ่าน JSON แบบเข้มงวด อย่างที่ใช้ในภาษาโปรแกรมส่วนใหญ่ จะไม่ยอมรับ ให้ลบคอมเมนต์ออก
- วางผลลัพธ์จาก API หรือ token ปลอดภัยไหม?
- ปลอดภัย การจัดรูปแบบเกิดขึ้นในเบราว์เซอร์ และสิ่งที่คุณวางไม่ถูกส่งไปเซิร์ฟเวอร์
- เรียงคีย์ทำอะไร?
- เรียงคีย์ของทุก object ตามตัวอักษร รวมถึง object ที่ซ้อนอยู่ด้านใน ส่วน array ยังคงลำดับเดิม เพราะลำดับในรายการมีความหมาย
- จัดรูปแบบไฟล์ JSON ได้ใหญ่แค่ไหน?
- เปิดไฟล์ได้ไม่เกิน 20 MB เอกสารขนาดใหญ่ขึ้นอยู่กับหน่วยความจำของเครื่อง แต่ผลลัพธ์ API และไฟล์ตั้งค่าทั่วไปจัดรูปแบบได้ทันที
คู่มืออื่นๆ
- วิธีสร้าง CRON_SECRET สำหรับ Vercel Cron Jobsสร้าง CRON_SECRET ที่ปลอดภัย เก็บไว้บน Vercel, GitHub หรือ Cloudflare แล้วล็อก endpoint ของ cron ด้วยการตรวจ Bearer header ใช้ฟรี ทำงานในเบราว์เซอร์ อ่าน 8 นาที
- วิธีรวมไฟล์ PDF หลายไฟล์เป็นไฟล์เดียว (ฟรี ไม่ต้องอัปโหลด)รวม PDF หลายไฟล์เป็นไฟล์เดียวในไม่ถึงนาที ใช้ได้ทั้ง Windows, Mac, iPhone และ Android ฟรี ไม่ต้องสมัคร และไฟล์ไม่ออกจากเครื่องของคุณ อ่าน 5 นาที
- วิธีลดขนาดไฟล์ PDF ให้เล็กลง ส่งอีเมลได้ (ฟรี)ลดขนาดไฟล์ PDF ให้เล็กพอส่งอีเมลหรือแชตได้ในไม่กี่วินาที เลือกระดับการบีบอัด เทียบขนาดก่อน-หลัง แล้วดาวน์โหลด ฟรี ไม่ต้องสมัคร ไม่มีการอัปโหลด อ่าน 7 นาที

