JSON Formatter

Input

Waiting for input

Output Formatted

JSON Formatter และ Validator — ทำความเข้าใจ JSON อย่างลึกซึ้ง

JSON (JavaScript Object Notation) คือ format ข้อมูลที่ใช้กันแพร่หลายที่สุดในโลกการพัฒนาซอฟต์แวร์ปัจจุบัน ถูกออกแบบมาให้มนุษย์อ่านง่ายและเครื่องประมวลผลได้เร็ว JSON เป็น subset ของ JavaScript แต่ปัจจุบันรองรับโดยแทบทุก programming language รวมถึง Python, Java, Go, PHP, Ruby และอีกกว่า 100 ภาษา

เครื่องมือนี้ช่วย Beautify (จัดรูปแบบให้อ่านง่าย), Minify (บีบอัดให้เล็กที่สุด), Validate (ตรวจสอบ syntax) และแสดง Tree View เพื่อดูโครงสร้างข้อมูลได้ทันที

โครงสร้างข้อมูล JSON ที่ต้องรู้

JSON รองรับ data type 6 ประเภท:

String: ข้อความล้อมด้วย double quotes เช่น "สวัสดี", "hello"
Number: ตัวเลข integer หรือ float เช่น 42, 3.14, -100
Boolean: true หรือ false (ตัวพิมพ์เล็กเท่านั้น)
Null: ค่าว่าง เขียนเป็น null
Object: key-value pairs ล้อมด้วย {} เช่น {"name":"สมชาย","age":30}
Array: รายการค่าล้อมด้วย [] เช่น [1,"สอง",true,null]

ตัวอย่าง JSON จริงจาก REST API

ตัวอย่าง Response จาก User API (แบบ Minified):

{"status":"ok","data":{"id":1001,"name":"สมชาย ใจดี","email":"[email protected]","role":"admin","permissions":["read","write","delete"],"profile":{"avatar":"https://cdn.example.com/avatars/1001.jpg","joined":"2024-01-15"}},"meta":{"page":1,"total":150}}

หลัง Beautify (อ่านได้ง่ายกว่ามาก):

{
  "status": "ok",
  "data": {
    "id": 1001,
    "name": "สมชาย ใจดี",
    "email": "[email protected]",
    "role": "admin",
    "permissions": ["read", "write", "delete"],
    "profile": {
      "avatar": "https://cdn.example.com/avatars/1001.jpg",
      "joined": "2024-01-15"
    }
  },
  "meta": {
    "page": 1,
    "total": 150
  }
}

ข้อผิดพลาด JSON ที่พบบ่อยที่สุด

Trailing comma: {"name":"สมชาย",} — ห้ามมี comma หลัง element สุดท้าย JSON เข้มงวดกว่า JavaScript
Single quotes: {'name':'สมชาย'} — JSON ต้องใช้ double quotes เท่านั้น
Key ไม่มี quotes: {name:"สมชาย"} — key ใน JSON ต้องมี double quotes รอบๆ เสมอ
Comment: JSON ไม่รองรับ comment ทั้ง // comment และ /* comment */
Undefined: undefined ไม่ใช่ค่าที่ valid ใน JSON ใช้ null แทน
NaN / Infinity: ค่าพิเศษทาง math เหล่านี้ไม่ valid ใน JSON ต้องแปลงเป็น null หรือ string ก่อน

JSON Minify — ประโยชน์ในงาน Production

การ Minify JSON ลบ whitespace และ newline ออกทั้งหมด ลดขนาดได้ 20–40% ขึ้นอยู่กับโครงสร้างข้อมูล ประโยชน์ที่ได้รับ:

ลด response size ของ API ทำให้ load เร็วขึ้น โดยเฉพาะบน mobile network
ประหยัด bandwidth cost บน cloud เช่น AWS API Gateway ที่คิดเงินตาม data transfer
ลดเวลา JSON.parse() ในฝั่ง client เพราะ string สั้นกว่า
เหมาะสำหรับเก็บใน localStorage หรือ cookie ที่มี size limit

เคล็ดลับการทำงานกับ JSON

ใช้ jq บน command line สำหรับ filter และ transform JSON เช่น cat data.json | jq '.data[] | .name'
ใน JavaScript ใช้ JSON.stringify(obj, null, 2) เพื่อ pretty print พร้อม 2-space indent
ใน Python ใช้ json.dumps(obj, indent=2, ensure_ascii=False) สำหรับภาษาไทย
สำหรับ JSON ขนาดใหญ่มากใช้ streaming parser เช่น ijson (Python) หรือ clarinet (Node.js) แทนการโหลดทั้งไฟล์

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

JSON คืออะไร ใช้ในอะไร?

JSON (JavaScript Object Notation) คือรูปแบบข้อมูลข้อความที่ใช้แทนค่าโครงสร้างข้อมูลอย่าง object และ array เป็นภาษากลางสำหรับส่งข้อมูลระหว่าง server และ client ผ่าน REST API, GraphQL และ WebSocket JSON อ่านง่ายทั้งคนและเครื่อง รองรับชนิดข้อมูล string, number, boolean, null, object และ array โดยปัจจุบัน JSON เป็น format มาตรฐานที่ใช้กันทั่วโลกในการพัฒนาเว็บและ mobile app

วิธี validate JSON ที่ถูกต้องทำอย่างไร?

การ validate JSON ทำได้หลายวิธี เช่น ใช้เครื่องมือนี้ที่ตรวจสอบ syntax อัตโนมัติ, ใช้ JSON.parse() ใน JavaScript (จะ throw error หาก JSON ไม่ถูกต้อง), หรือใช้ JSON Schema Validator สำหรับตรวจโครงสร้างข้อมูล ข้อผิดพลาดที่พบบ่อย ได้แก่ ลืม double quotes รอบ key, มี trailing comma หลัง element สุดท้าย และใช้ single quotes แทน double quotes

JSON Minify ทำเพื่ออะไร ช่วยอะไรได้บ้าง?

JSON Minify คือการลบ whitespace, newline และ indentation ออกจาก JSON เพื่อลดขนาดไฟล์ ทำให้ส่งข้อมูลผ่านเครือข่ายได้เร็วขึ้นและประหยัด bandwidth โดยเฉพาะ API ที่มีการเรียกใช้งานบ่อยครั้ง ตัวอย่างเช่น JSON ขนาด 10KB อาจลดลงเหลือ 6-7KB หลัง minify ซึ่งช่วยได้มากเมื่อมีผู้ใช้หลายพันคนพร้อมกัน

JSON กับ XML ต่างกันอย่างไร ควรเลือกใช้อะไร?

JSON มีขนาดเล็กกว่า อ่านง่ายกว่า และ parse เร็วกว่า เหมาะกับ Web API และ mobile app สมัยใหม่ ส่วน XML มี namespace และ schema validation ที่แข็งแกร่งกว่า เหมาะกับระบบ enterprise, SOAP web services และ configuration ที่ต้องการ comment XML ยังรองรับ attribute และ mixed content ที่ JSON ไม่มี แต่โดยรวมปัจจุบัน JSON เป็นตัวเลือกหลักสำหรับ API ทั่วไป

เครื่องมือการเงินที่น่าสนใจ

💰 คำนวณดอกเบี้ยทบต้น 🧾 คำนวณภาษีเงินได้ 🎯 วางแผนเกษียณ 🏠 คำนวณสินเชื่อบ้าน 📊 วางแผนงบประมาณ 50/30/20 📈 ลดหย่อน RMF/SSF 📋 แปลงคอลัมน์เป็น list 📐 จัดรูปแบบ XML