ซ่อมแซม JSON

คำแนะนำที่เกี่ยวข้อง

การซ่อมแซม JSON (JSON Repair) คืออะไร?

กรณีการใช้งาน

• การทำความสะอาดผลลัพธ์ AI/LLM: แปลง JSON ที่มีตัวห่อ Markdown ข้อความอธิบาย และคอมม่าท้ายจาก ChatGPT/Claude เป็น JSON มาตรฐานในคลิกเดียว
• การดีบักและแก้ไขปัญหา API: เมื่อการตอบสนอง API ถูกตัดเนื่องจากปัญหาเกตเวย์หรือเครือข่าย เติมวงเล็บและสตริงอย่างรวดเร็วเพื่อระบุโครงสร้างข้อมูลต้นฉบับ
• ลิเทอรัลออบเจกต์ JavaScript ที่คัดลอกจากคอนโซล: แก้ไขอัญประกาศเดี่ยว คอมม่าท้าย และชื่อคีย์ไม่มีอัญประกาศในที่เดียว
• การทำความสะอาดไฟล์การกำหนดค่า: ลบคอมเมนต์จาก JSON5/JSONC เพื่อรับ JSON มาตรฐาน พร้อมสำหรับการเชื่อมต่อกับบริการปลายทางอย่างเป็นหนึ่งเดียว
• การซ่อมแซมข้อมูลล็อกและคลิปบอร์ด: ทำให้ส่วนย่อย JSON ที่มีคอมเมนต์ ช่องว่างพิเศษ หรือการตัดเป็นมาตรฐานอย่างรวดเร็ว
• การย้ายข้อมูลและการประมวลผลล่วงหน้าด้วยสคริปต์: เพิ่มขั้นตอนการซ่อมแซมในไปป์ไลน์การย้ายข้อมูลเพื่อป้องกันไม่ให้ JSON ที่ไม่ถูกต้องจำนวนน้อยบล็อกชุด ETL ทั้งหมด

วิธีการใช้งาน

1. วางเนื้อหา JSON ที่มีข้อผิดพลาด มีตัวห่อ Markdown หรือถูกตัดลงในกล่องอินพุตด้านซ้าย หรือคลิก 'ตัวอย่าง' เพื่อโหลด JSON ที่เสียหายทั่วไป หรืออัปโหลดไฟล์ .json/.txt
2. เครื่องมือตรวจจับและแก้ไขปัญหาทางไวยากรณ์ทั่วไปโดยอัตโนมัติ พื้นที่ผลลัพธ์ด้านขวาแสดง JSON มาตรฐานที่จัดรูปแบบแล้วและจำนวนปัญหาที่ซ่อมแซมแต่ละประเภท
3. หากยังมีข้อความข้อผิดพลาดสีแดง คุณสามารถแก้ไขอินพุตด้วยตนเองและเรียกใช้การซ่อมแซมอีกครั้ง (Mac: ⌘+Shift+R, Windows: Ctrl+Shift+R)
4. หลังจากยืนยันว่าโครงสร้างถูกต้อง คลิก 'คัดลอก' เพื่อนำผลลัพธ์ที่ซ่อมแซมแล้วไปยังคลิปบอร์ด หรือคลิก 'ดาวน์โหลด' เพื่อบันทึกเป็น repaired.json สำหรับการจัดรูปแบบ การตรวจสอบ ฯลฯ เพิ่มเติม

คุณสมบัติ

• ครอบคลุมข้อผิดพลาดทางไวยากรณ์ทั่วไป 7 ประเภท: คอมม่าท้าย อัญประกาศเดี่ยว คีย์ไม่มีอัญประกาศ สตริงไม่ปิด คอมเมนต์ วงเล็บหาย ตัวห่อบล็อกโค้ด Markdown
• ปรับให้เหมาะสำหรับการทำความสะอาดผลลัพธ์ AI: ลบตัวห่อ ```json และข้อความอธิบายนอกบล็อกโค้ดโดยอัตโนมัติ รู้จำผลลัพธ์ทั่วไปของ ChatGPT, Claude, Gemini และ LLM อื่นๆ
• เข้ากันได้กับ JSON5/JSONC: แยกวิเคราะห์ไวยากรณ์ขยายรวมถึงคอมเมนต์ อัญประกาศแบบหลวม และช่องว่างพิเศษ (เช่น อักขระ Unicode ที่มองไม่เห็น)
• การเติมเต็ม JSON ที่ถูกตัดอย่างชาญฉลาด: จัดการการตอบสนอง API ที่ถูกตัดและวงเล็บปิดที่หายไปโดยการเติมวงเล็บและอัญประกาศที่ขาดหายโดยอัตโนมัติ
• การแสดงภาพปัญหาการซ่อมแซม: นับและแสดงจำนวนครั้งที่ปัญหาแต่ละประเภทได้รับการซ่อมแซมโดยอัตโนมัติ สะดวกสำหรับการตรวจสอบและทบทวนด้วยตนเอง
• การประมวลผลในเครื่องเพื่อความเป็นส่วนตัว: การแยกวิเคราะห์ การซ่อมแซม และการจัดรูปแบบทั้งหมดเกิดขึ้นในเบราว์เซอร์ เนื้อหาอินพุตไม่ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ
• การส่งต่อที่ราบรื่นสู่การจัดรูปแบบ: JSON มาตรฐานที่ซ่อมแซมแล้วสามารถเข้าสู่การจัดรูปแบบ JSON การตรวจสอบ Schema และการสร้างโค้ดได้ในคลิกเดียว
• โหลดไฟล์และตัวอย่าง: รองรับการอัปโหลดไฟล์ .json/.txt หรือคลิกโหลดตัวอย่างเพื่อตรวจสอบผลการซ่อมแซมอย่างรวดเร็ว

ตัวอย่างโค้ด

// npm install jsonrepair
import { jsonrepair } from 'jsonrepair';

const broken = `{
  name: 'Alice',
  age: 30,
  tags: ['dev', 'writer',], // trailing comma + comment
}`;

try {
  const fixed = jsonrepair(broken);
  const obj = JSON.parse(fixed);
  console.log(obj);
  // => { name: 'Alice', age: 30, tags: ['dev', 'writer'] }
} catch (err) {
  console.error('Still unrepairable:', err.message);
}

# pip install jsonrepair
from jsonrepair import jsonrepair
import json

broken = '''{
  name: "Alice",
  age: 30,
  tags: ["dev", "writer",], // trailing comma + comment
}'''

fixed = jsonrepair(broken)
obj = json.loads(fixed)
print(obj)
# => {'name': 'Alice', 'age': 30, 'tags': ['dev', 'writer']}

# ลบคอมม่าท้ายจากออบเจกต์/อาร์เรย์ (ตัวเลือกฉุกเฉิน ไม่จัดการคอมเมนต์ / อัญประกาศเดี่ยว)
# สำหรับสถานการณ์ซับซ้อน ใช้ไลบรารีเฉพาะเช่น jsonrepair
sed -E 's/,([ \t]*[}\]])/\1/g' broken.json > clean.json

# ตรวจสอบผลลัพธ์ที่ซ่อมแซมแล้ว
jq . clean.json >/dev/null && echo 'JSON is valid'

คำถามที่พบบ่อย

การแก้ไขปัญหา

อภิธานศัพท์

JSON

JavaScript Object Notation รูปแบบการแลกเปลี่ยนข้อมูลน้ำหนักเบาที่อิงตามคู่คีย์-ค่า กำหนดไว้ใน RFC 8259 มาตรฐานโดยพฤตินัยสำหรับ REST API ไฟล์การกำหนดค่า และล็อก

RFC 8259

ข้อกำหนด JSON อย่างเป็นทางการที่เผยแพร่โดย IETF กำหนดไวยากรณ์ที่เข้มงวดของ JSON ที่ถูกต้อง — คีย์ทั้งหมดต้องอยู่ในอัญประกาศคู่ มีเพียงชุดอักขระที่จำกัดในสตริงที่ต้อง escape ไม่อนุญาตคอมเมนต์และคอมม่าท้าย

JSON.parse

ตัวแยกวิเคราะห์ JSON แบบเข้มงวดที่มีใน JavaScript และเบราว์เซอร์สมัยใหม่ ตาม RFC 8259 โยน SyntaxError โดยตรงเมื่อพบข้อผิดพลาดทางไวยากรณ์และไม่สามารถซ่อมแซมแบบยอมรับได้

JSON5

ไวยากรณ์ขยายของ JSON (ไม่เป็นมาตรฐาน) อนุญาตคีย์ไม่มีอัญประกาศ สตริงอัญประกาศเดี่ยว คอมเมนต์ (// และ /* */) คอมม่าท้าย เลขฐานสิบหก ฯลฯ เขียนง่ายกว่าสำหรับมนุษย์แต่เข้ากันไม่ได้กับ JSON.parse

JSONC

JSON with Comments ชื่อทั่วไปที่ใช้โดยตัวแก้ไขเช่น VS Code สำหรับไฟล์การกำหนดค่า JSON ที่มีคอมเมนต์ (เช่น tsconfig.json) โดยแท้จริงแล้วเป็นชื่อเรียกทั่วไปของ JSON5

Trailing Comma / คอมม่าท้าย

คอมม่าเพิ่มเติมหลังจากองค์ประกอบสุดท้ายของออบเจกต์หรืออาร์เรย์ อนุญาตใน JavaScript แต่ถูกห้ามโดยมาตรฐาน JSON — ข้อผิดพลาดทางไวยากรณ์ที่พบบ่อยที่สุดจากผลลัพธ์ LLM และการคัดลอก console.log()

บล็อกโค้ด Markdown

ส่วนของโค้ดที่ห่อด้วย backtick สามตัว (```) LLM มักห่อผลลัพธ์ JSON ใน ```json ... ``` โดยอัตโนมัติ การวางลงใน JSON.parse() โดยตรงจะล้มเหลว

Tolerant Parser / ตัวแยกวิเคราะห์แบบยอมรับได้

ตัวแยกวิเคราะห์ที่สามารถพยายามกู้คืนและดำเนินการแยกวิเคราะห์ต่อเมื่อพบข้อผิดพลาดทางไวยากรณ์ กลไกหลักของเครื่องมือซ่อมแซม JSON แตกต่างจาก JSON.parse แบบเข้มงวด

SyntaxError

ข้อยกเว้นข้อผิดพลาดทางไวยากรณ์ที่โยนโดย JavaScript ตัวแยกวิเคราะห์ JSON แบบเข้มงวดใดๆ จะโยนสิ่งนี้เมื่อได้รับอินพุตที่ไม่เป็นไปตาม RFC 8259

Canonical JSON / JSON มาตรฐาน

JSON ที่สร้างใหม่ผ่าน parse + stringify ด้วยลำดับคีย์ที่เสถียร ไม่มีช่องว่างเกิน และเข้ากันได้ 100% กับตัวแยกวิเคราะห์มาตรฐาน รูปแบบผลลัพธ์สุดท้ายของเครื่องมือซ่อมแซม JSON

ประเภทข้อผิดพลาดการซ่อมแซม JSON ทั่วไปพร้อมตัวอย่าง

การซ่อมแซม JSON vs การจัดรูปแบบ JSON vs การตรวจสอบ JSON Schema

Authoritative References

• IETFข้อกำหนด JSON อย่างเป็นทางการ (RFC 8259)
• MDNJSON.parse - เอกสาร MDN Web
• JSON5JSON5 - ข้อกำหนดไวยากรณ์ขยายอย่างไม่เป็นทางการ
• GitHubjsonrepair (josdejong) - การนำไปใช้อ้างอิงสำหรับเบราว์เซอร์และ Node