วิธีจัดรูปแบบและตรวจสอบข้อมูล JSON ทีละขั้นตอน
Quick Answer
วิธี format JSON: วาง JSON ใน JSON Formatter output ที่ beautify พร้อม indent จะปรากฏทันที วิธี validate: เครื่องมือตรวจ syntax อัตโนมัติ แสดง error พร้อมตำแหน่งถ้าไม่ถูกต้อง การประมวลผลเกิดในเครื่อง
Introduction
JSON (JavaScript Object Notation) เป็นรูปแบบข้อมูลทั่วไปสำหรับ web API และไฟล์ config JSON ดิบจาก API มักถูก minify เป็นบรรทัดเดียว อ่านยาก การ format (beautify หรือ pretty-print) เพิ่ม indent และบรรทัด validation ตรวจ syntax —จุลภาคผิดตำแหน่งเดียวทำแอปพังได้
Step by Step
-
Open the JSON Formatter tool
Go to the JSON Formatter tool page. The tool accepts any JSON string as input — objects, arrays, or nested structures.
-
Paste your JSON data
Paste the JSON you want to format or validate into the input textarea. This could be an API response, a config file, or a JSON string from your code.
-
Review the formatted output
The tool parses your JSON and re-serializes it with 2-space indentation and line breaks. The formatted output appears instantly in the result field. If the JSON is invalid, an error message appears with the location of the syntax problem.
-
Check validation status
If the JSON is valid, the tool shows a success indicator and the formatted output. If invalid, it displays the parse error — such as 'Unexpected token at position 42' — so you can fix the syntax issue in your source.
-
Copy or minify the result
Use the Copy button to copy the formatted JSON to your clipboard. Some tools also offer a Minify button to remove all whitespace — useful for reducing payload size in production.
Examples
Format minified JSON
Input: {"name":"Alice","age":30,"roles":["admin","user"]}
Output: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
Detect invalid JSON (trailing comma)
Input: {"a":1,"b":2,}
Output: Error: Unexpected token } at position 11
Detect invalid JSON (single quotes)
Input: {'name':'Alice'}
Output: Error: Unexpected token ' at position 1
Common Problems
- Using single quotes for strings —JSON requires double quotes for all strings and keys.
- Trailing commas after the last item —JSON does not allow a comma before } or ].
- Comments in JSON —standard JSON does not support // or /* */ comments. Use JSONC or JSON5 if you need comments.
- Unquoted keys —unlike JavaScript object literals, JSON requires all keys to be in double quotes.
- Undefined, NaN, or Infinity values —JSON only supports null, not undefined or NaN.
Tips
- Always validate JSON before sending it in an API request —a syntax error can cause a 400 Bad Request response.
- Use minified JSON in production to save bandwidth, and formatted JSON in development for readability.
- JSON does not support Date objects —serialize dates as ISO 8601 strings (e.g., "2026-09-02T00:00:00Z").
- Use JSON.parse() in JavaScript to convert a JSON string to an object, and JSON.stringify() to convert an object to a JSON string.