ยังไม่มีเนื้อหา
เครื่องมือจัดรูปแบบ JSON ออนไลน์ฟรี รองรับการทำให้ JSON สวยงาม ตรวจสอบ บีบอัด และแก้ไขภาพต้นไม้ JSON มีการตรวจจับข้อผิดพลาดไวยากรณ์และการซ่อมแซมอัตโนมัติ รองรับการแปลงโค้ดเป็น 13 ภาษาโปรแกรม (TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML) เหมาะสำหรับการดีบัก API ตรวจสอบคอนฟิก และอ่านบันทึก
วางเนื้อหา JSON ลงไปเพื่อทำให้สวยงามทันที เหมาะสำหรับดูค่าที่ API ส่งกลับ ไฟล์คอนฟิก และฟิลด์บันทึก เครื่องมือจะเพิ่มการเยื้องและการขึ้นบรรทัดใหม่อัตโนมัติ จัดระเบียบข้อมูลที่กระชับให้เป็นโครงสร้างลำดับชั้นที่ชัดเจน ค่าเริ่มต้นใช้การเยื้อง 2 ช่องว่าง คุณยังสามารถสลับขนาดการเยื้องในแถบเครื่องมือได้
JSON Formatter เหมาะสำหรับเนื้อหาที่ถูกกฎหมายแต่อ่านยาก ในขณะที่ JSON Repair เหมาะสำหรับแก้ไขโครงสร้างที่ไม่ถูกกฎหมาย เช่น ข้อผิดพลาด ขาดเครื่องหมายคำพูด จุลภาคท้าย ฯลฯ หากการจัดรูปแบบแจ้งข้อผิดพลาด แนะนำให้ทำ JSON Repair ก่อน กล่าวโดยย่อ: การจัดรูปแบบจะปรับเลย์เอาต์เท่านั้นโดยไม่เปลี่ยนเนื้อหา การซ่อมแซมจะพยายามเติมเครื่องหมายคำพูด/วงเล็บที่ขาดหายไปและลบจุลภาคที่เกินเพื่อให้กลายเป็น JSON ที่ถูกกฎหมายอีกครั้ง
โดยปกติแล้วเป็นเพราะเนื้อหาไม่ใช่ JSON ที่ถูกกฎหมาย เช่น มีความคิดเห็น เครื่องหมายคำพูดเดี่ยว จุลภาคท้าย หรือวงเล็บไม่ปิด มาตรฐาน JSON (RFC 8259) กำหนดว่าชื่อคีย์ต้องใช้เครื่องหมายคำพูดคู่ สตริงห้ามใช้เครื่องหมายคำพูดเดี่ยว ห้ามมีจุลภาคหลังองค์ประกอบสุดท้าย และไม่อนุญาตให้มีความคิดเห็น // หรือ /* */ ในกรณีนี้ควรทำ JSON Repair ก่อน แล้วจึงจัดรูปแบบ
เหมาะอย่างยิ่ง ค่าที่ API ส่งกลับ ข้อมูล Webhook บันทึกการติดตาม และชิ้นส่วนคอนฟิกมักต้องจัดรูปแบบก่อนแก้ไขปัญหา เครื่องมือยังรองรับการแก้ไขภาพในมุมมองต้นไม้ JSON มุมมองแผนผังความคิด และการแปลงโค้ดเป็น 13 ภาษาโปรแกรม ช่วยให้คุณเข้าใจโครงสร้างข้อมูลได้อย่างรวดเร็ว
ได้ เครื่องมือรองรับการแปลง JSON เป็น TypeScript/Java/Python/Go/Rust/Swift/Kotlin/C#/C++/PHP/MySQL/YAML/XML ทั้งหมด 13 รูปแบบ สร้างโครงสร้างโค้ดที่เกี่ยวข้องด้วยคลิกเดียว เหมาะอย่างยิ่งสำหรับสร้างแบบจำลองข้อมูลฝั่งหน้าและหลังอย่างรวดเร็วจากค่าที่ API ส่งกลับ
ไม่ใช่ การจัดรูปแบบ การตรวจสอบ การบีบอัด และการแปลงโค้ดทั้งหมดทำงานในเครื่องเบราว์เซอร์ของคุณทั้งหมด ข้อมูลจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ แม้จะประมวลผลการตอบสนอง API ที่มีคีย์ลับ Token หรือความเป็นส่วนตัวของผู้ใช้ก็ปลอดภัย ข้อมูลจะถูกลบเมื่อคุณปิดหน้า
ได้ เครื่องมือใช้การเรนเดอร์การเลื่อนเสมือนและการแยกวิเคราะห์พื้นหลังด้วย Web Worker ไฟล์ JSON ขนาดหลาย MB ก็สามารถจัดรูปแบบและเรียกดูได้อย่างราบรื่นโดยไม่ทำให้หน้าค้าง สำหรับไฟล์ขนาดใหญ่มากแนะนำให้อัปโหลดไฟล์ JSON โดยตรงแทนการวาง เพื่อประสิทธิภาพที่เสถียรยิ่งขึ้น
การบีบอัดจะลบช่องว่างและการขึ้นบรรทัดใหม่ที่ไม่จำเป็นทั้งหมดใน JSON ได้ผลลัพธ์เป็นบรรทัดเดียวที่กระชับที่สุด ซึ่งจะลดขนาดอย่างมีนัยสำคัญ ประหยัดแบนด์วิดท์และพื้นที่จัดเก็บ มักใช้สำหรับการส่งผ่าน API เขียนคอนฟิก ฝังในโค้ด หรือเป็นตัวแปรสภาพแวดล้อม JSON ที่บีบอัดแล้วมีความหมายเหมือนกับ JSON ที่จัดรูปแบบก่อนหน้า เพียงแต่ไม่สะดวกสำหรับมนุษย์อ่าน
มุมมองต้นไม้แสดงผล JSON เป็นต้นไม้ลำดับชั้นที่สามารถยุบ/ขยายได้ รองรับการขยาย/ยุบโหนดและแก้ไขฟิลด์ด้วยภาพ เหมาะสำหรับเรียกดูข้อมูลที่ซ้อนกันลึก มุมมองแผนผังความคิดแสดงโครงสร้างเป็นโหนดที่เชื่อมต่อกัน แสดงความสัมพันธ์พ่อ-ลูกของออบเจ็กต์และอาร์เรย์อย่างชัดเจน เหมาะสำหรับจัดระเบียบโครงสร้างข้อมูลที่ซับซ้อนหรือนำเสนอ
ได้ เครื่องมือมีฟีเจอร์เรียงลำดับคีย์ รองรับการจัดเรียงคีย์ของออบเจ็กต์ใหม่ตามลำดับตัวอักษรจากน้อยไปมากหรือมากไปน้อย สะดวกสำหรับเปรียบเทียบความแตกต่างของ JSON สองตัว ทำให้ลำดับฟิลด์ในไฟล์คอนฟิกเป็นมาตรฐาน หรือแสดงฟิลด์ API ในลำดับคงที่เพื่อความสะดวกในการตรวจสอบโค้ด
ได้ เครื่องมือรองรับการบีบอัดและเข้ารหัสเนื้อหา JSON ปัจจุบันลงใน URL เพื่อสร้างลิงก์ที่แชร์ได้ ผู้รับสามารถเปิดลิงก์เพื่อดูข้อมูลเดียวกันโดยไม่ต้องอัปโหลดไปยังเซิร์ฟเวอร์ เหมาะสำหรับการร่วมมืออย่างรวดเร็วในการแก้ไขปัญหา API หรือสร้างสถานการณ์ข้อมูลซ้ำ
JSON (JavaScript Object Notation) เป็นรูปแบบการแลกเปลี่ยนข้อมูลขนาดเล็กที่ใช้โครงสร้างคู่คีย์-ค่าและอาร์เรย์เพื่อแสดงข้อมูล เนื่องจากมีลักษณะที่เรียบง่าย อ่านง่าย และข้ามภาษาได้ จึงกลายเป็นมาตรฐานตามความเป็นจริงสำหรับ Web API ไฟล์คอนฟิก บันทึก และการส่งข้อมูลระหว่างหน้าและหลัง JSON มีประเภทค่าพื้นฐานเพียง 6 ประเภท: สตริง ตัวเลข บูลีน null ออบเจ็กต์ และอาร์เรย์ กฎไวยากรณ์ถูกกำหนดร่วมกันโดยมาตรฐาน RFC 8259 และ ECMA-404
การจัดรูปแบบ JSON (เรียกอีกอย่างว่าการทำให้ JSON สวยงาม) คือการเพิ่มการเยื้องและการขึ้นบรรทัดใหม่ที่เหมาะสมให้กับ JSON ที่กระชับโดยไม่เปลี่ยนเนื้อหาข้อมูล จัดระเบียบให้เป็นรูปแบบที่มีโครงสร้างลำดับชั้นและสะดวกสำหรับมนุษย์อ่าน JSON ในค่าที่ API ส่งกลับ บันทึก และพื้นที่จัดเก็บมักถูกบีบอัดเป็นหนึ่งบรรทัด ทำให้อ่านโดยตรงได้ยากมาก หลังจากจัดรูปแบบแล้วคุณจะเห็นการซ้อนกันของออบเจ็กต์ องค์ประกอบอาร์เรย์ และค่าของแต่ละฟิลด์ได้อย่างชัดเจน
การดำเนินการที่ตรงข้ามกับการจัดรูปแบบคือการบีบอัด JSON (Minify) ซึ่งคือการลบอักขระช่องว่างที่ไม่จำเป็นทั้งหมด เปลี่ยน JSON กลับเป็นรูปแบบบรรทัดเดียวที่กระชับที่สุดเพื่อลดขนาดการส่ง การจัดรูปแบบและการบีบอัดเป็นคู่การดำเนินการที่ย้อนกลับได้ ทั้งสองอย่างไม่เปลี่ยนความหมายของ JSON เพียงแต่ส่งผลต่อความสามารถในการอ่านและขนาด
การตรวจสอบ JSON คือการตรวจสอบว่าข้อความส่วนหนึ่งสอดคล้องกับกฎไวยากรณ์ JSON หรือไม่ รูปแบบที่ไม่ถูกกฎหมายที่พบบ่อย ได้แก่: ใช้เครื่องหมายคำพูดเดี่ยวแทนเครื่องหมายคำพูดคู่ ชื่อคีย์ไม่มีเครื่องหมายคำพูด มีจุลภาคท้ายหลังองค์ประกอบสุดท้าย มีความคิดเห็น // หรือ /* */ และวงเล็บหรือเครื่องหมายคำพูดไม่ปิดอย่างถูกต้อง สิ่งเหล่านี้ทั้งหมดไม่ใช่ JSON ที่ถูกกฎหมาย และการจัดรูปแบบจะรายงานข้อผิดพลาด — ในกรณีนี้คุณควรใช้เครื่องมือซ่อมแซม JSON ก่อน แล้วจึงจัดรูปแบบ
นอกจากการจัดรูปแบบแล้ว เครื่องมือนี้ยังมีมุมมองต้นไม้ มุมมองแผนผังความคิด และความสามารถในการแปลงโค้ดเป็น 13 ภาษาโปรแกรม: คุณสามารถยุบ JSON เป็นต้นไม้ลำดับชั้นด้วยภาพเพื่อเรียกดูโครงสร้างลึก หรือแปลง JSON ที่ API ส่งกลับเป็นอินเทอร์เฟซ TypeScript คลาส Java พจนานุกรม Python หรือคำสั่งสร้างตารางฐานข้อมูลด้วยคลิกเดียว เพื่อใช้ในการพัฒนาโดยตรง การประมวลผลทั้งหมดทำในเครื่องเบราว์เซอร์ ข้อมูลจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์
JSON มีประเภทค่าเพียง 6 ประเภท การเข้าใจพวกมันช่วยให้คุณกำหนดได้อย่างรวดเร็วว่าข้อมูลถูกกฎหมายหรือไม่และวิธีการแมปกับประเภทภาษาโปรแกรม
| ประเภท | ตัวอย่าง | คำอธิบาย |
|---|---|---|
string | "hello" | สตริง ต้องใช้เครื่องหมายคำพูดคู่ รองรับอักขระหลบหนีและการเข้ารหัส Unicode \uXXXX |
number | 25 / 3.14 / -1e5 | ตัวเลข รองรับจำนวนเต็ม ทศนิยม และสัญกรณ์วิทยาศาสตร์ แยกวิเคราะห์เป็นทศนิยมคู่ ไม่แยกความแตกต่างระหว่างจำนวนเต็มและทศนิยม |
boolean | true / false | บูลีน สามารถเป็นได้เฉพาะ true หรือ false ตัวพิมพ์เล็กเท่านั้น |
null | null | ค่าว่าง แสดงว่าไม่มีข้อมูล ต้องเป็นตัวพิมพ์เล็ก แตกต่างจากสตริงว่างหรือ 0 |
object | {"k": "v"} | ออบเจ็กต์ ชุดของคู่คีย์-ค่าที่ห่อหุ้มด้วยวงเล็บปีกกา คีย์ต้องเป็นสตริงเครื่องหมายคำพูดคู่ |
array | [1, 2, 3] | อาร์เรย์ รายการค่าที่มีลำดับซึ่งห่อหุ้มด้วยวงเล็บเหลี่ยม องค์ประกอบสามารถมีประเภทแตกต่างกันได้ |
อักขระต่อไปนี้ในสตริง JSON ต้องถูกหลบหนีด้วยแบ็กสแลช มิฉะนั้นจะทำให้การแยกวิเคราะห์ล้มเหลว
| การหลบหนี | ความหมาย |
|---|---|
\" | เครื่องหมายคำพูดคู่ |
\\ | แบ็กสแลช |
\/ | สแลช (การหลบหนีทางเลือก) |
\n | อักขระขึ้นบรรทัดใหม่ |
\r | อักขระขึ้นบรรทัดเก่า |
\t | อักขระแท็บ Tab |
\b | อักขระถอยกลับ |
\f | อักขระป้อนกระดาษ |
\uXXXX | อักขระ Unicode ที่แสดงด้วยตัวเลขฐานสิบหกสี่หลัก |
ด้านล่างนี้เป็นรูปแบบ JSON ที่ไม่ถูกกฎหมายที่มักพบและรูปแบบที่ถูกกฎหมาย สามารถอ้างอิงเพื่อตรวจสอบเมื่อการจัดรูปแบบรายงานข้อผิดพลาด
| รูปแบบที่ไม่ถูกกฎหมาย | รูปแบบที่ถูกกฎหมาย | หมายเหตุ |
|---|---|---|
{name: "a"} | {"name": "a"} | ชื่อคีย์ต้องใช้เครื่องหมายคำพูดคู่ |
{'name': 'a'} | {"name": "a"} | สตริงต้องใช้เครื่องหมายคำพูดคู่ ห้ามใช้เครื่องหมายคำพูดเดี่ยว |
{"a": 1,} | {"a": 1} | ไม่อนุญาตให้มีจุลภาคท้าย |
{"a": 1} // ความคิดเห็น | {"a": 1} | JSON ไม่รองรับความคิดเห็น |
{"a": undefined} | {"a": null} | ไม่มี undefined ใช้ null เพื่อแสดงค่าว่าง |
{"a": .5} | {"a": 0.5} | ทศนิยมต้องมีส่วนจำนวนเต็ม 0 |
พารามิเตอร์ที่สามของ JSON.stringify ที่มีในตัวของเบราว์เซอร์และ Node.js สามารถระบุการเยื้องได้ ซึ่งเป็นวิธีการเขียนโปรแกรมที่ใช้บ่อยที่สุดในการจัดรูปแบบ JSON
const data = { name: '张三', age: 25, tags: ['a', 'b'] };
// 美化：第三个参数为缩进空格数（也可传 '\t' 使用 Tab）
const pretty = JSON.stringify(data, null, 2);
console.log(pretty);
// 压缩：不传第三个参数即得到最紧凑单行
const mini = JSON.stringify(data);
console.log(mini); // {"name":"张三","age":25,"tags":["a","b"]}
// 解析字符串为对象（会校验语法，非法时抛出 SyntaxError）
const obj = JSON.parse(pretty);json ในไลบรารีมาตรฐานของ Python ใช้พารามิเตอร์ indent และ ensure_ascii เพื่อควบคุมการเยื้องและการแสดงผลภาษาจีน
import json
data = {"name": "张三", "age": 25, "tags": ["a", "b"]}
# 美化输出，indent 指定缩进，ensure_ascii=False 保留中文
pretty = json.dumps(data, indent=2, ensure_ascii=False)
print(pretty)
# 压缩输出：用最紧凑的分隔符
mini = json.dumps(data, separators=(",", ":"), ensure_ascii=False)
print(mini)
# 解析字符串（非法时抛出 json.JSONDecodeError）
obj = json.loads(pretty)jq เป็นเครื่องมือที่มีประสิทธิภาพสำหรับประมวลผล JSON ในบรรทัดคำสั่ง ช่วยให้สามารถทำให้สวยงาม บีบอัด และแยกฟิลด์ได้อย่างรวดเร็ว
# 美化（默认 2 空格缩进） cat data.json | jq '.' # 压缩为单行 cat data.json | jq -c '.' # 提取指定字段 cat data.json | jq '.user.name' # curl 返回结果直接管道美化 curl -s https://api.example.com/user | jq '.'
การจัดรูปแบบ การตรวจสอบ การบีบอัด และการแปลงโค้ด JSON ทั้งหมดในเครื่องมือนี้ทำงานในเครื่องเบราว์เซอร์ของคุณทั้งหมด ข้อมูลจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ และจะไม่ถูกบันทึกหรือแคชจากระยะไกล แม้จะประมวลผลการตอบสนอง API ที่มีคีย์ลับ Token หรือข้อมูลผู้ใช้ก็ปลอดภัย ข้อมูลจะถูกลบเมื่อคุณปิดหรือรีเฟรชหน้า
ส่วนใหญ่เกิดจากการใช้เครื่องหมายคำพูดเดี่ยว คีย์ไม่มีเครื่องหมายคำพูดคู่ หรือมีความคิดเห็น // หรือ /* */ มาตรฐาน JSON กำหนดว่าสตริงและคีย์ทั้งหมดต้องใช้เครื่องหมายคำพูดคู่ และไม่รองรับความคิดเห็น กรุณาเปลี่ยนเป็นเครื่องหมายคำพูดคู่และลบความคิดเห็น หรือใช้เครื่องมือซ่อมแซม JSON ก่อน
โดยปกติเกิดจากวงเล็บ {} หรือ [] หรือเครื่องหมายคำพูดไม่ปิดอย่างถูกต้อง ทำให้ JSON ไม่สมบูรณ์ โปรดตรวจสอบว่าโครงสร้างปิดเป็นคู่อย่างถูกต้อง เมื่อวางค่าที่ API ส่งกลับ คุณอาจคัดลอกเพียงบางส่วนของเนื้อหา — ตรวจสอบให้แน่ใจว่าคัดลอกครบถ้วน
JSON ไม่อนุญาตให้มีจุลภาคหลังองค์ประกอบสุดท้ายของออบเจ็กต์หรืออาร์เรย์ ตัวอย่างเช่น {"a":1,} หรือ [1,2,] ไม่ถูกกฎหมาย ลบจุลภาคที่เกินออก ออบเจ็กต์ JavaScript อนุญาตจุลภาคท้าย แต่ JSON ไม่อนุญาต — ต้องระมัดระวังเป็นพิเศษเมื่อคัดลอกจากโค้ด
นี่คือสัญกรณ์หลบหนี Unicode ของ JSON ซึ่งถูกกฎหมายโดยธรรมชาติและยังสามารถแยกวิเคราะห์ได้ตามปกติหลังจากจัดรูปแบบ หากต้องการแสดงภาษาจีนโดยตรง ให้ปิดใช้งานการหลบหนีในฝั่งสร้าง (เช่น ensure_ascii=False ของ Python ปิดการหลบหนี HTML ของ Go)
ตัวเลข JSON ถูกแยกวิเคราะห์เป็นทศนิยมคู่ความแม่นยำสองเท่า IEEE 754 จำนวนเต็มที่เกิน 2^53 (เช่น ID สโนว์เฟลก หมายเลขคำสั่งซื้อ) จะสูญเสียความแม่นยำ วิธีแก้ไขคือห่อหุ้มจำนวนเต็มขนาดใหญ่เป็นสตริงในระหว่างการส่ง คือ "id": "9007199254740993" เพื่อหลีกเลี่ยงการถูกแยกวิเคราะห์เป็นตัวเลข
เพียงสลับไปที่ 'บีบอัด / Minify' เพื่อเปลี่ยน JSON หลายบรรทัดที่ทำให้สวยงามกลับเป็นบรรทัดเดียวที่กระชับที่สุดสำหรับการส่งผ่าน API เขียนคอนฟิก หรือฝังในโค้ด การบีบอัดและการทำให้สวยงามเป็นการดำเนินการผกผันซึ่งกันและกัน และไม่เปลี่ยนเนื้อหาข้อมูล