ตัวจัดรูปแบบ JSON คืออะไร?
JSON (JavaScript Object Notation) เป็นรูปแบบการแลกเปลี่ยนข้อความที่เบาและใช้ข้อความซึ่งใช้คู่คีย์-ค่าที่อ่านได้โดยมนุษย์และอาร์เรย์ที่เรียงลำดับ แม้จะมีชื่อว่า JSON แต่ไม่ขึ้นอยู่กับภาษาและได้รับการสนับสนุนจากเกือบทุกภาษาโปรแกรมมิ่งสมัยใหม่ ตัวจัดรูปแบบ JSON จะรับ JSON ดิบ ย่อขนาด หรือไม่ถูกต้อง และแปลงเป็นรูปแบบที่มีโครงสร้างดี อ่านง่าย ด้วยการเยื้องที่เหมาะสมและตัดบรรทัด การพิมพ์แบบสวยจะเพิ่มช่องว่างที่สอดคล้องกัน — โดยทั่วไป 2 หรือ 4 ช่องว่างต่อระดับการซ้อน — ทำให้ออฟเจ็กต์และอาร์เรย์ที่ซ้อนลึกสแกนง่าย การย่อขนาดทำตรงกันข้าม: ลบอักขระช่องว่างที่ไม่จำเป็นทั้งหมดเพื่อสร้าง payload เล็กที่สุดเท่าที่จะเป็นไปได้
เมื่อไหร่ควรใช้เครื่องคำนวณนี้
- การแก้ไขการตอบกลับ API ที่ส่งคืน JSON ที่ไม่สามารถอ่านได้ในบรรทัดเดียว
- การเตรียม JSON สำหรับเอกสารหรือ README ที่ต้องการความน่าอ่าน
- การเปรียบเทียบโครงสร้าง JSON สองรายการเคียงกันหลังจากจัดรูปแบบด้วยการเยื้องเดียวกัน
- การอ่านไฟล์การกำหนดค่าที่ถูกบีอัด (เช่น package.json หรือ tsconfig.json)
- การแชร์ข้อมูล JSON กับเพื่อนร่วมงานในรูปแบบที่น่าอ่านผ่านแชทหรืออีเมล
- การตรวจสอบ payload ของ webhook หรือการตอบกลับเครือข่ายของเบราว์เซอร์เพื่อตรวจสอบโครงสร้างข้อมูล
ขั้นตอน:
- วาง JSON ของคุณในพื้นที่ป้อนข้อความ
- Click the Format button.
- ดูผลลัพธ์ JSON ที่จัดรูปแบบอย่างสวยงาม
- คัดลอก JSON ที่จัดรูปแบบแล้วไปยังคลิปบอร์ด
สูตร
ป้อน: JSON ที่ถูกบีบอัด → ผลลัพธ์: JSON ที่มีการเยื้องโดยกำหนดช่องว่างได้ (ค่าเริ่มต้น 2 ช่องว่างต่อระดับ)
กรณีใช้งาน
- Debugging API responses
- Reading configuration files
- Sharing structured data
- เตรียม JSON สำหรับเอกสารประกอบ
ประโยชน์หลัก
- จัดรูปแบบ JSON ที่ย่อขนาดแล้วทันทีเป็นเอาต์พุตที่อ่านง่ายและมีการเยื้อง
- ตรวจจับและระบุข้อผิดพลาดทางไวยากรณ์ด้วยการรายงานแถวและคอลัมน์ที่แม่นยำ
- ย่อ JSON ที่จัดรูปแบบแล้วกลับเป็นรูปแบบกะทัดรัดสำหรับการ deployment
- เรียงลําดับคีย์ของออฟเจ็กต์ตามตัวอักษรเพื่อเอาต์พุตที่สอดคล้องกัน
- สลับหมายเลขแถวเพื่อการนำทางที่ง่ายในโครงสร้าง JSON ขนาดใหญ่
- คัดลอกเอาต์พุตที่จัดรูปแบบแล้วไปยังคลิปบอร์ดด้วยการคลิกเดียว — ไม่มีข้อมูลใดออกจากเบราว์เซอร์
เคล็ดลับ
- ใช้การเยื้อง 2 ช่องว่างเป็นค่าเริ่มต้น — สมดุลระหว่างความง่ายในการอ่านกับความกะทัดรัด
- เปิดใช้งานการเรียงลําดับคีย์ก่อนเปรียบเทียบโครงสร้าง JSON สองรายการ
- ตรวจสอบ JSON เสมอในเครื่องมือนี้ก่อนวางลงในไฟล์การกำหนดค่าproduction
- ใช้ตัวเลือกย่อขนาดเมื่อเตรียม JSON สำหรับ HTTP header หรือ URL parameter
- เมื่อ debug JSON ที่ซ้อนลึก ให้ใช้การสลับหมายเลขแถวเพื่ออ้างอิงบรรทัดที่เฉพาะเจาะจง
ข้อผิดพลาดที่พบบ่อย
- วางลูกน้ำท้ายหลังคุณสมบัติสุดท้ายในอ็อบเจ็กต์หรือองค์ประกอบสุดท้ายในอาร์เรย์ — JSON ไม่อนุญาตสิ่งนี้
- ใช้เครื่องหมายคำพูดเดี่ยวสำหรับคีย์หรือค่าสตริง — JSON กำหนดให้ใช้เครื่องหมายคำพูดคู่สำหรับฟิลด์ข้อความทั้งหมด
- เพิ่มความคิดเห็น (// หรือ /* */) ลงใน JSON — JSON มาตรฐานไม่มีไวยากรณ์ความคิดเห็น
- ลืมใส่ลูกน้ำระหว่างคู่คีย์-ค่าหรือองค์ประกอบอาร์เรย์ — ลูกน้ำที่หายไปเป็นสาเหตุที่พบบ่อยที่สุดของข้อผิดพลาด parse
คำศัพท์สำคัญ
- JSON (JavaScript Object Notation): รูปแบบการแลกเปลี่ยนข้อมูลเบาแบบข้อความที่ใช้คู่คีย์-ค่าและอาร์เรย์ที่เรียงลำดับ
- Pretty-print: กระบวนการจัดรูปแบบ JSON ด้วยการเยื้องที่สอดคล้องกันและการตัดบรรทัดเพื่อความง่ายในการอ่าน
- การย่อขนาด: กระบวนการลบช่องว่างที่ไม่จำเป็นทั้งหมดจาก JSON เพื่อสร้างสตริงที่เล็กที่สุด
- Parse: การดำเนินการแปลงสตริง JSON ดิบเป็นอ็อบเจ็กต์ที่สามารถโปรแกรมได้หรือโครงสร้างในหน่วยความจำ
- ลูกน้ำท้าย: ลูกน้ำที่วางหลังจากองค์ประกอบสุดท้ายในอ็อบเจ็กต์หรืออาร์เรย์ — ข้อผิดพลาดทางไวยากรณ์ทั่วไปใน JSON ที่เข้มงวด
แนวคิดที่เกี่ยวข้อง
- JSON Validator:
- ตัวเข้ารหัส/ถอดรหัส Base64:
- URL Encoder/Decoder:
- Hash Generator:
- Regex Tester:
ตัวอย่าง
ป้อน: {"name":"John","age":30,"address":{"city":"NYC","zip":"10001"}} จะถูกจัดรูปแบบด้วยการแบ่งบรรทัดและการเยื้อง 2 ช่องว่าง ทำให้เห็นโครงสร้างที่ซ้อนกันอย่างชัดเจน
การตีความผลลัพธ์
ตัวจัดรูปแบบจะนำ JSON ต้นฉบับของคุณมาใช้การเยื้องที่สม่ำเสมอ (เริ่มต้น 2 ช่องว่างต่อระดับการซ้อน) พร้อมการขึ้นบรรทัดใหม่หลังจากค่า คีย์ หรือวงเล็บปิดแต่ละรายการ ผลลัพธ์จะรักษาข้อมูลที่แน่นอน — ไม่มีการเปลี่ยนแปลงค่าใดๆ มีเพียงการเพิ่มช่องว่างเพื่อความน่าอ่าน
ฟังก์ชันบีอัดจะทำสิ่งที่ตรงกันข้าม: จะลบช่องว่างที่ไม่จำเป็นทั้งหมดเพื่อสร้างสตริงที่เล็กที่สุด สิ่งนี้มีประโยชน์สำหรับการลดขนาด payload ใน API production ที่ทุกไบต์มีความสำคัญ JSON ที่บีอัดแล้วจะทำงานเหมือนกับ JSON ที่จัดรูปแบบแล้ว — มีเพียงช่องว่างที่แตกต่างกัน
ตัวเลือกการจัดเรียงคีย์จะจัดเรียงคุณสมบัติของอ็อบเจ็กต์ตามลำดับตัวอักษร ซึ่งมีประโยชน์สำหรับการเปรียบเทียบโครงสร้าง JSON สองรายการหรือสำหรับไฟล์การกำหนดค่าที่ต้องการลำดับคีย์ที่สม่ำเสมอ โปรดทราบว่าลำดับคีย์ JSON ไม่มีความหมายเชิงอรรถศาสตร์ — JSON ที่จัดเรียงแล้วและไม่ได้จัดเรียงจะมีค่าเท่ากัน