JSON Formatter

Đầu vào: JSON

1

Đầu ra: JSON

Cài đặt

Bắt đầu định dạng JSON

Nhập JSON ở bên trái hoặc dùng Import để tải từ tệp.

Beautify, minify, validate, escape, and unescape JSONChoose 2-space, 4-space, or sorted-key outputEverything stays local in your browser

Cách định dạng và kiểm tra JSON

1Bước 1 – Dán hoặc nhập JSON vào trình định dạng trực tuyến2Bước 2 – Chọn tùy chọn định dạng3Bước 3 – Xem kết quả và các lỗi (nếu có)4Bước 4 – Sao chép hoặc tải xuống cho API, phản hồi hoặc log

A reliable formatter workflow is simple: paste the raw payload, choose whether you need readable or compact output, review parse errors if any, then copy, download, or continue into repair, table editing, or schema generation.

From one-line payload to readable structure

Expand raw JSON before you validate, diff, or edit it

A lot of real payloads come from logs, APIs, and queues as a single unreadable line. The formatter turns that into something you can inspect in seconds.

Raw input
1
{"orderId":"SO-1024","customer":{"name":"Maeve","tier":"gold"},"items":[{"sku":"A-1","qty":2},{"sku":"B-8","qty":1}],"paid":true}
Formatted output
1
{
2
"orderId": "SO-1024",
3
"customer": {
4
"name": "Maeve",
5
"tier": "gold"
6
},
7
"items": [
8
{
9
"sku": "A-1",
10
"qty": 2
11
},
12
{
13
"sku": "B-8",
14
"qty": 1
15
}
16
],
17
"paid": true
18
}

Use pretty output for review and debugging. Switch to minified output only when you need compact transport or storage.

3 practical formatter examples

These are the common cases where formatting pays off immediately during real development work.

API response

Turn a one-line response into something you can inspect

Useful when you need to confirm fields, nested objects, arrays, and unexpected values quickly.

JSON đầu vào
1
{"user":{"id":42,"name":"Maeve"},"roles":["admin","editor"],"flags":{"beta":true,"suspended":false}}
JSON đã định dạng
1
{
2
"user": {
3
"id": 42,
4
"name": "Maeve"
5
},
6
"roles": [
7
"admin",
8
"editor"
9
],
10
"flags": {
11
"beta": true,
12
"suspended": false
13
}
14
}

Readable structure is usually the fastest way to spot field-level mistakes in API data.

Config diff

Sort keys before comparing environment config

Stable key order makes diffs cleaner and reduces noise when reviewing configuration changes.

JSON đầu vào
1
{
2
"retry": 3,
3
"apiBase": "https://api.example.com",
4
"features": {
5
"betaCheckout": true,
6
"abTest": false
7
},
8
"timeout": 8000
9
}
JSON đã định dạng
1
{
2
"apiBase": "https://api.example.com",
3
"features": {
4
"abTest": false,
5
"betaCheckout": true
6
},
7
"retry": 3,
8
"timeout": 8000
9
}

Sorting is useful when your real goal is comparison rather than human-friendly business ordering.

Escaped payload

Unescape a JSON string before editing it

Logs and message systems often store JSON inside strings. Unescape it first, then keep working on the actual structure.

JSON đầu vào
1
"{\"event\":\"login\",\"user\":{\"id\":42,\"name\":\"Maeve\"},\"success\":true}"
JSON đã định dạng
1
{
2
"event": "login",
3
"user": {
4
"id": 42,
5
"name": "Maeve"
6
},
7
"success": true
8
}

If the payload is full of backslashes, unescaping is usually the first useful step.

  1. 01

    Tutorial Step

    Bước 1 – Dán hoặc nhập JSON vào trình định dạng trực tuyến

    Start with the original payload. You do not need to clean up spacing or line breaks first.

    • Dán JSON thô vào trình soạn thảo bên trái từ bất kỳ nguồn nào (phản hồi API, tệp cấu hình, log, v.v.).
    • Hoặc dùng Import để tải JSON từ tệp, URL hoặc dữ liệu mẫu.
    • Công cụ này hoạt động như một JSON formatter trực tuyến để bạn nhanh chóng làm sạch JSON lộn xộn.
    • Single-line JSON is fine. The formatter can expand it into a readable structure for you.
    • When several people need to review the same payload, keep the original input intact and format it here instead of editing it by hand first.
  2. 02

    Tutorial Step

    Bước 2 – Chọn tùy chọn định dạng

    Readable JSON and compact JSON solve different problems. Pick the mode that matches what you need next.

    • Chọn kích thước thụt lề để pretty‑print JSON (2 dấu cách, 4 dấu cách hoặc gọn).
    • Tùy chọn: sắp xếp key theo thứ tự chữ cái để chuẩn hóa cấu trúc giữa các payload.
    • Chuyển sang đầu ra nén khi bạn cần JSON gọn cho API, lưu trữ hoặc môi trường production.
    • Use Escape when you need a JSON string literal, for example inside logs or nested config values.
    • Use Unescape when the input is an escaped JSON string and you want the plain text back.
  3. 03

    Tutorial Step

    Bước 3 – Xem kết quả và các lỗi (nếu có)

    The output area is both a result view and a fast feedback loop. Valid JSON renders immediately; invalid JSON shows an actionable error.

    • Xem JSON đã định dạng ở bên phải với tô sáng cú pháp và thụt lề nhất quán.
    • Chú ý các lỗi parse (ví dụ: thiếu dấu phẩy hoặc dấu ngoặc kép).
    • Bạn có thể dùng trang này như một kiểm tra cú pháp JSON nhanh trong khi định dạng.
    • If the payload is too broken to fix quickly, move it straight to the Repair tool.
    • When the data contains nested escaped JSON, unescape it first so the real structure becomes visible.
  4. 04

    Tutorial Step

    Bước 4 – Sao chép hoặc tải xuống cho API, phản hồi hoặc log

    Once the JSON is clean, use it as the working copy for the next step instead of repeating the cleanup elsewhere.

    • Dùng Copy để đưa JSON đã định dạng vào clipboard.
    • Tải kết quả xuống dưới dạng tệp .json để dùng cho yêu cầu API, phản hồi API hoặc ảnh chụp log.
    • Tái sử dụng JSON đã định dạng như một nguồn sạch cho tài liệu hoặc ví dụ mã.
    • Move the cleaned JSON into the table editor when field-level review is easier in rows and columns.
    • Generate a schema from the cleaned payload when the next step is validation, documentation, or code generation.

A common formatter workflow

1

Paste the raw payload into the formatter and expand it into readable JSON first.

2

If the parser fails, jump to the error or move the payload into Repair.

3

Once the structure is valid, choose beautified, minified, escaped, or unescaped output based on the next task.

4

Apply the output back to input if the cleaned result should become your new working copy.

5

Continue into the table editor, compare tool, or schema generator when formatting is no longer the bottleneck.

Putting the formatter at the front of the workflow usually saves time later because every downstream tool receives cleaner JSON.

Mẹo nhanh cho người mới

Hầu hết lỗi JSON đến từ thiếu dấu phẩy, thừa dấu phẩy ở cuối, hoặc dùng dấu nháy đơn thay vì dấu nháy kép.
Nếu mọi thứ chỉ nằm trên một dòng dài, hãy pretty‑print trước rồi sửa các lỗi được hiển thị phía trên.
Dùng JSON đã pretty‑print khi debug, và chuyển sang JSON nén cho payload production.

Công cụ JSON liên quan

  • Kiểm tra JSON trước hoặc sau khi định dạng để phát hiện sớm lỗi cú pháp.
  • Sửa JSON bị hỏng không thể parse, rồi chạy lại qua formatter.
  • Tạo schema và type từ JSON sạch để phục vụ validation và code có kiểu.

Câu hỏi thường gặp

Định dạng JSON có tác dụng gì?

Định dạng JSON làm cho dữ liệu JSON dễ đọc hơn bằng cách thêm thụt lề, xuống dòng và khoảng trắng phù hợp.

Tôi có thể tùy chỉnh thụt lề không?

Có. Bạn có thể chọn 2 dấu cách, 4 dấu cách hoặc đầu ra gọn (minified).

Định dạng có làm thay đổi dữ liệu của tôi không?

Không. Định dạng chỉ thay đổi cách hiển thị; cấu trúc và giá trị vẫn giữ nguyên.

Tôi có thể định dạng các tệp JSON lớn không?

Có. Công cụ có thể xử lý JSON lớn hiệu quả, nhưng các tệp rất lớn có thể mất một chút thời gian.

What is the difference between formatting and validation?

Formatting focuses on readability, while validation focuses on syntax correctness. This page does both in one flow.

Is my JSON uploaded to a server?

No. Formatting, validation, escaping, and unescaping all run locally in your browser.