เครื่องมือจัดรูปแบบและตรวจสอบ JSON

ยินดีต้อนรับสู่ เครื่องมือจัดรูปแบบและตรวจสอบ JSON เครื่องมือสำหรับนักพัฒนาที่ใช้งานได้ฟรี ออกแบบมาเพื่อจัดรูปแบบ ตรวจสอบ ย่อขนาด และซ่อมแซมข้อมูล JSON ทันที ไม่ว่าคุณจะกำลังดีบักการตอบสนองของ API, จัดการไฟล์การกำหนดค่า หรือเรียนรู้ไวยากรณ์ JSON เครื่องมือนี้จะให้เอาต์พุตที่เน้นไวยากรณ์ มุมมองแผนผังแบบโต้ตอบ การตรวจจับข้อผิดพลาดที่แม่นยำ และการวิเคราะห์โครงสร้างทั้งหมดในที่เดียว

เปรียบเทียบการจัดรูปแบบ การย่อ การตรวจสอบ และการซ่อมแซม

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

เปรียบเทียบการจัดรูปแบบ การย่อ การตรวจสอบ และการซ่อมแซม

การดำเนินการ	ข้อกำหนดของอินพุต	ผลลัพธ์หลัก	สิ่งที่ควรตรวจสอบ
จัดรูปแบบให้อ่านง่าย	JSON ที่ถูกต้อง	JSON ที่จัดย่อหน้าแล้ว	การจัดรูปแบบไม่ได้ตรวจสอบสคีมาทางธุรกิจ
ย่อ	JSON ที่ถูกต้อง	JSON แบบกระชับ	ต้องคงช่องว่างภายในค่าข้อความไว้
ตรวจสอบ	ข้อความใด ๆ ที่อาจเป็น JSON	ผลการตรวจสอบไวยากรณ์หรือข้อผิดพลาด	ไวยากรณ์ที่ถูกต้องไม่ได้ยืนยันว่าค่าของฟิลด์ถูกต้อง
ซ่อมแซมและจัดรูปแบบ	ข้อผิดพลาดทางไวยากรณ์ทั่วไปที่รองรับ	เอกสารที่พยายามแก้ไขให้ถูกต้อง	เอกสารที่เครื่องมือพยายามแก้ไขให้ถูกต้อง

ตัวแยกวิเคราะห์ของเครื่องมืออาจปรับรูปแบบตัวเลข ลำดับการ escape หรือการเรียงลำดับคีย์ให้เป็นมาตรฐานเมื่อจัดรูปแบบ ควรเก็บต้นฉบับไว้หากต้องคำนึงถึงไบต์ที่ตรงกันทุกประการ คีย์ซ้ำ ลายเซ็น หรือความแม่นยำของตัวเลขขนาดใหญ่ การตรวจสอบไวยากรณ์ JSON แยกจากการตรวจสอบ JSON Schema

แหล่งที่มา: RFC 8259: JSON.

สรุปภาพรวม

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

เครื่องมือจัดรูปแบบและตรวจสอบ JSON: ฟีเจอร์โดยสรุป

ฟีเจอร์	สิ่งที่ได้รับ	เหมาะสำหรับ
จัดรูปแบบและย่อ	จัดรูปแบบ JSON ด้วยการเยื้อง 2 ช่องว่าง 4 ช่องว่าง หรือแท็บ หรือย่อโดยลบช่องว่างทั้งหมด	อ่านการตอบกลับของ API ที่ถูกบีบอัด หรือลดขนาดเพย์โหลด
การตรวจสอบ	รายงานข้อผิดพลาดด้านไวยากรณ์พร้อมหมายเลขบรรทัด คอลัมน์ที่แน่นอน และคำอธิบายปัญหา การตรวจไวยากรณ์ไม่ได้ตรวจสอบ JSON Schema	พบเครื่องหมายจุลภาคที่หายไปก่อนนำไฟล์ตั้งค่าขึ้นใช้งาน
แก้ไขและจัดรูปแบบ	แก้จุลภาคท้ายรายการ เครื่องหมายคำพูดเดี่ยว คอมเมนต์ JavaScript (แบบบรรทัดและแบบบล็อก) และคีย์ที่ไม่มีเครื่องหมายคำพูด แล้วจัดรูปแบบผลลัพธ์ ควรตรวจผลลัพธ์เพราะไม่สามารถอนุมานเจตนาได้เสมอไป	ทำความสะอาด JSON ที่เขียนด้วยมือ
มุมมองโค้ดและทรี	สลับระหว่างโค้ดที่ไฮไลต์ไวยากรณ์ โดยใช้สีแยกสำหรับคีย์ สตริง ตัวเลข boolean และ null และทรีของออบเจกต์และอาร์เรย์ที่พับได้	นำทางข้อมูลที่ซ้อนกันลึก
เรียงคีย์	เรียงคีย์ของออบเจกต์ทั้งหมดตามตัวอักษรได้ตามต้องการ	ได้ผลต่างที่อ่านง่ายขึ้นเมื่อเก็บไฟล์ JSON ไว้ในระบบควบคุมเวอร์ชัน
สถิติโครงสร้าง	นับคีย์ ออบเจกต์ อาร์เรย์ ระดับการซ้อน ชนิดของค่า และขนาดเป็นไบต์	ดูภาพรวมของเอกสารที่ไม่คุ้นเคยอย่างรวดเร็ว
คัดลอกและดาวน์โหลด	คัดลอกผลลัพธ์ไปยังคลิปบอร์ดหรือดาวน์โหลดเป็นไฟล์ .json	นำ JSON ที่จัดรูปแบบแล้วไปใส่ในโปรเจกต์

JSON คืออะไร?

JSON (JavaScript Object Notation) คือรูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักเบา ซึ่งมนุษย์สามารถอ่านและเขียนได้ง่าย และเครื่องจักรสามารถแยกวิเคราะห์และสร้างได้ง่าย JSON เป็นมาตรฐานสำหรับการแลกเปลี่ยนข้อมูลในเว็บ API สมัยใหม่, ไฟล์การกำหนดค่า, ฐานข้อมูล NoSQL และอื่นๆ อีกมากมาย เอกสาร JSON ที่ถูกต้องจะประกอบด้วยออบเจกต์ (คู่คีย์-ค่าที่ล้อมรอบด้วยปีกกา), อาร์เรย์ (รายการที่จัดลำดับในวงเล็บเหลี่ยม), สตริง, ตัวเลข, บูลีน (true/false) และ null

คุณสมบัติ

วิธีใช้งานเครื่องมือนี้

1. วาง JSON ของคุณ: คัดลอกและวางข้อมูล JSON ของคุณลงในพื้นที่ป้อนข้อความ คุณยังสามารถคลิกตัวอย่างด่วนเพื่อดูวิธีการทำงานได้
2. เลือกการดำเนินการ: เลือก จัดรูปแบบและทำให้สวยงาม สำหรับเอาต์พุตที่อ่านง่าย, ย่อขนาดและบีบอัด สำหรับเอาต์พุตขนาดกะทัดรัด, ตรวจสอบเท่านั้น เพื่อเช็คไวยากรณ์ หรือ ซ่อมแซมและจัดรูปแบบ เพื่อแก้ไขข้อผิดพลาดทั่วไปโดยอัตโนมัติ
3. กำหนดค่าตัวเลือก: ปรับขนาดการเยื้อง (2 ช่องว่าง, 4 ช่องว่าง หรือแท็บ) และเลือกเปิดใช้งาน เรียงลำดับคีย์ เพื่อจัดเรียงคุณสมบัติสากลตามตัวอักษร
4. คลิก จัดรูปแบบ JSON: คลิกปุ่มเพื่อประมวลผลข้อมูลของคุณ ผลลัพธ์จะปรากฏด้านล่างทันที
5. ตรวจสอบและใช้ผลลัพธ์: สลับระหว่าง มุมมองรหัส (เน้นไวยากรณ์) และ มุมมองแผนผัง (ยุบได้), ตรวจสอบสถิติ JSON จากนั้นคัดลอกหรือดาวน์โหลดผลลัพธ์

กรณีการใช้งานทั่วไป

การพัฒนาและการดีบัก API

เมื่อทำงานกับ REST หรือ GraphQL API การตอบสนองมักจะถูกย่อขนาด วางการตอบสนองแบบดิบที่นี่เพื่อจัดรูปแบบและตรวจสอบโครงสร้างข้อมูลทันที ช่วยให้ค้นหาค่าที่คุณต้องการได้ง่ายขึ้น

ไฟล์การกำหนดค่า

JSON ถูกใช้สำหรับการกำหนดค่าในเครื่องมือต่างๆ เช่น package.json, tsconfig.json และคำจำกัดความโครงสร้างพื้นฐานคลาวด์ ใช้เครื่องมือจัดรูปแบบนี้เพื่อตรวจสอบการกำหนดค่าของคุณก่อนนำไปใช้งาน เพื่อตรวจจับข้อผิดพลาดทางไวยากรณ์ตั้งแต่เนิ่นๆ

ฐานข้อมูลและการย้ายข้อมูล

เมื่อส่งออกหรือนำเข้าข้อมูลจากฐานข้อมูล NoSQL เช่น MongoDB หรือ Firebase การจัดรูปแบบ JSON ช่วยให้คุณตรวจสอบโครงสร้างเอกสาร ตรวจสอบความสมบูรณ์ของข้อมูล และรับรองการซ้อนข้อมูลที่ถูกต้อง

การเรียนรู้และการศึกษา

หากคุณกำลังเรียนรู้ไวยากรณ์ JSON มุมมองแผนผังและฟีเจอร์การตรวจจับข้อผิดพลาดจะช่วยให้คุณเข้าใจโครงสร้างด้วยภาพ และได้รับข้อเสนอแนะที่แม่นยำทันทีเกี่ยวกับข้อผิดพลาดใดๆ

การรีวิวโค้ดและเอกสาร

จัดรูปแบบ JSON ด้วยคีย์ที่เรียงลำดับแล้วเพื่อการเปรียบเทียบ (diff) ที่สะอาดขึ้นในการควบคุมเวอร์ชัน การจัดรูปแบบที่สม่ำเสมอช่วยให้การรีวิวโค้ดเร็วขึ้นและลดความขัดแย้งในการรวมรหัส (merge conflicts)

ข้อผิดพลาดใดบ้างที่ 'ซ่อมแซมและจัดรูปแบบ' สามารถแก้ไขได้?

• เครื่องหมายจุลภาคส่วนเกิน: {"a": 1, "b": 2,} เครื่องหมายจุลภาคหลังรายการสุดท้ายจะถูกลบออก
• อัญประกาศเดี่ยว: {'name': 'Alice'} อัญประกาศเดี่ยวจะถูกแปลงเป็นอัญประกาศคู่ตามที่กำหนด
• คอมเมนต์ JavaScript: ทั้ง // คอมเมนต์บรรทัดเดียว และ /* คอมเมนต์แบบบล็อก */ จะถูกตัดออก
• คีย์ที่ไม่มีเครื่องหมายอัญประกาศ: {name: "Alice"} ชื่อพร็อพเพอร์ตี้ที่ไม่มีอัญประกาศจะถูกล้อมรอบด้วยอัญประกาศคู่

แนวทางปฏิบัติที่ดีที่สุดในการจัดรูปแบบ JSON

ใช้การเยื้อง 2 ช่องว่าง

โปรเจกต์ JavaScript และ TypeScript สมัยใหม่ส่วนใหญ่ใช้การเยื้อง 2 ช่องว่างสำหรับ JSON เนื่องจากให้ความสมดุลระหว่างการอ่านง่ายและขนาดไฟล์ที่กะทัดรัด และสอดคล้องกับคู่มือสไตล์ยอดนิยม

เรียงลำดับคีย์เพื่อการควบคุมเวอร์ชัน

เมื่อไฟล์ JSON ถูกติดตามใน Git การเรียงลำดับคีย์ตามตัวอักษรจะช่วยลดความแตกต่าง (diff) ที่ไม่จำเป็นซึ่งเกิดจากการเรียงลำดับคีย์ใหม่ ทำให้การตรวจสอบ Pull Request สะอาดและง่ายขึ้น

ย่อขนาดสำหรับใช้งานจริง

ใน API และเว็บแอปพลิเคชันที่ใช้งานจริง ควรส่งข้อมูลเป็น JSON แบบย่อเสมอ การลบช่องว่างสามารถลดขนาดข้อมูลได้ 20-50% ช่วยปรับปรุงเวลาในการโหลดและการใช้แบนด์วิดท์

ตรวจสอบก่อนนำไปใช้งาน

ตรวจสอบไฟล์ JSON การกำหนดค่าทุกครั้งก่อนนำไปใช้งาน เครื่องหมายจุลภาคที่หายไปเพียงจุดเดียวหรือวงเล็บที่เกินมาอาจทำให้แอปพลิเคชันเริ่มทำงานล้มเหลว ซึ่งยากต่อการวินิจฉัยในสภาพแวดล้อมการใช้งานจริง

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

JSON formatter คืออะไร?

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

ฉันจะตรวจสอบ JSON ออนไลน์ได้อย่างไร?

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

ข้อผิดพลาด JSON ทั่วไปอะไรบ้างที่สามารถแก้ไขได้โดยอัตโนมัติ?

การดำเนินการ ซ่อมแซมและจัดรูปแบบ สามารถแก้ไขเครื่องหมายจุลภาคส่วนเกินหลังรายการสุดท้ายในออบเจกต์หรืออาร์เรย์, การใช้เครื่องหมายอัญประกาศเดี่ยวแทนอัญประกาศคู่, คอมเมนต์รูปแบบ JavaScript (ทั้งบรรทัดเดียวและหลายบรรทัด) และคีย์พร็อพเพอร์ตี้ที่ไม่มีเครื่องหมายอัญประกาศ

ข้อมูล JSON ของฉันปลอดภัยหรือไม่เมื่อใช้เครื่องมือนี้?

ใช่ การประมวลผล JSON ทั้งหมดเกิดขึ้นบนเซิร์ฟเวอร์ระหว่างการร้องขอของคุณและไม่มีการจัดเก็บข้อมูลใดๆ ข้อมูลของคุณจะไม่ถูกบันทึก ล็อก หรือแชร์กับบุคคลที่สาม การเชื่อมต่อได้รับการเข้ารหัสผ่าน HTTPS

ความแตกต่างระหว่างการทำให้สวยงาม (beautify) และการย่อขนาด (minify) คืออะไร?

Beautify (จัดรูปแบบ) จะเพิ่มการเยื้องและขึ้นบรรทัดใหม่เพื่อให้ JSON มนุษย์อ่านง่าย ส่วน Minify จะลบช่องว่างที่ไม่จำเป็นทั้งหมดออกเพื่อให้ JSON มีขนาดกะทัดรัดที่สุด ซึ่งช่วยลดขนาดไฟล์สำหรับการใช้งานจริง, การตอบสนองของ API และการจัดเก็บข้อมูล

แหล่งข้อมูลเพิ่มเติม

• JSON.org - ข้อกำหนด JSON อย่างเป็นทางการ
• การทำงานกับ JSON - MDN Web Docs
• RFC 8259 - รูปแบบการแลกเปลี่ยนข้อมูล JSON