JSON Formatter

Input JSON

1

Output JSON

Pengaturan

Mulai memformat JSON

Masukkan JSON di sebelah kiri, atau gunakan Impor untuk memuat dari file.

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

Cara memformat dan memvalidasi JSON

1Langkah 1 – Tempel atau impor JSON Anda ke formatter online2Langkah 2 – Pilih opsi pemformatan3Langkah 3 – Tinjau hasil format dan kesalahan validasi4Langkah 4 – Salin atau unduh untuk API, respons, atau 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 masukan
1
{"user":{"id":42,"name":"Maeve"},"roles":["admin","editor"],"flags":{"beta":true,"suspended":false}}
JSON terformat
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 masukan
1
{
2
"retry": 3,
3
"apiBase": "https://api.example.com",
4
"features": {
5
"betaCheckout": true,
6
"abTest": false
7
},
8
"timeout": 8000
9
}
JSON terformat
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 masukan
1
"{\"event\":\"login\",\"user\":{\"id\":42,\"name\":\"Maeve\"},\"success\":true}"
JSON terformat
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

    Langkah 1 – Tempel atau impor JSON Anda ke formatter online

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

    • Tempel JSON mentah ke editor kiri dari sumber apa pun (respons API, file konfigurasi, log, dll.).
    • Atau gunakan Impor untuk memuat JSON dari file, URL, atau data contoh.
    • Alat ini berfungsi sebagai formatter JSON online sehingga Anda dapat merapikan JSON yang berantakan dengan cepat.
    • 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

    Langkah 2 – Pilih opsi pemformatan

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

    • Pilih ukuran indentasi untuk merapikan JSON (2 spasi, 4 spasi, atau ringkas).
    • Opsional: urutkan key secara alfabet untuk menormalkan struktur antar payload.
    • Beralih ke keluaran minified saat Anda membutuhkan JSON yang ringkas untuk API, penyimpanan, atau produksi.
    • 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

    Langkah 3 – Tinjau hasil format dan kesalahan validasi

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

    • Lihat JSON yang sudah rapi di sisi kanan dengan penyorotan sintaks dan indentasi yang konsisten.
    • Perhatikan kesalahan parsing (misalnya koma atau tanda kutip yang hilang).
    • Gunakan halaman ini sebagai pemeriksaan sintaks JSON cepat sambil memformat.
    • 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

    Langkah 4 – Salin atau unduh untuk API, respons, atau log

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

    • Gunakan Salin untuk mengirim JSON yang sudah diformat ke clipboard Anda.
    • Unduh hasilnya sebagai file .json untuk permintaan API, respons API, atau cuplikan log.
    • Gunakan kembali JSON yang sudah rapi sebagai sumber yang bersih untuk dokumentasi atau contoh kode.
    • 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.

Tips cepat untuk pemula

Sebagian besar kesalahan JSON berasal dari koma yang hilang, trailing comma berlebih, atau penggunaan tanda kutip tunggal alih-alih tanda kutip ganda.
Jika semuanya terlihat dalam satu baris panjang, rapikan dulu, lalu perbaiki kesalahan yang ditampilkan di atas.
Gunakan JSON yang rapi saat debugging, dan beralih ke JSON minified untuk payload produksi.

Alat JSON terkait

  • Validasi JSON sebelum atau sesudah pemformatan untuk menangkap kesalahan sintaks lebih awal.
  • Perbaiki JSON rusak yang tidak bisa diparse, lalu jalankan kembali melalui formatter.
  • Buat schema dan tipe dari JSON yang bersih untuk validasi dan kode bertipe.

Pertanyaan yang Sering Diajukan

Apa yang dilakukan pemformatan JSON?

Pemformatan JSON merapikan JSON Anda dengan menambahkan indentasi, baris baru, dan spasi yang tepat agar lebih mudah dibaca dan dipahami.

Apakah saya bisa menyesuaikan indentasi?

Ya. Anda dapat memilih 2 spasi, 4 spasi, atau keluaran ringkas (minified).

Apakah pemformatan akan mengubah data saya?

Tidak. Pemformatan hanya mengubah tampilan; struktur dan nilainya tetap sama.

Bisakah saya memformat file JSON yang besar?

Ya. Formatter dapat menangani JSON besar dengan efisien, namun file yang sangat besar mungkin memerlukan waktu pemrosesan lebih lama.

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.