🧾 Pemformat JSON

Atur indentasi JSON agar mudah dibaca atau minify menjadi satu baris, dan dapatkan line:column yang tepat untuk setiap error sintaks. Jelajahi strukturnya dengan tampilan pohon yang bisa dilipat.

Input JSON

Tampilan Pohon

PANDUAN

Pelajari lebih lanjut

1. Pretty Print vs Minify

Pretty print menambahkan indentasi dan jeda baris agar JSON mudah dibaca manusia, sedangkan minify menghapus semua spasi dan baris baru yang tidak perlu untuk mengecilkan ukuran file. JSON yang dicetak rapi sangat cocok untuk debugging saat pengembangan, sementara JSON yang diminify mengurangi ukuran payload untuk respons API nyata dan deployment produksi. Alat ini memungkinkan Anda memilih indentasi 2 spasi, 4 spasi, atau tab agar sesuai dengan gaya kode proyek Anda.

2. Menemukan Error JSON dengan Presisi

Pesan error dari JSON.parse() sangat bervariasi di tiap mesin browser, sehingga sering sulit mengetahui tepat di mana masalahnya. Alat ini memiliki scanner buatan sendiri yang menelusuri grammar JSON (object, array, string, number, literal) secara langsung, sehingga selalu menampilkan "line N, column M" yang sama persis apa pun browser yang Anda gunakan. Itu membuatnya cepat untuk menemukan kesalahan umum seperti koma yang hilang, key tanpa tanda kutip, atau string yang belum ditutup.

3. Memahami JSON Bertingkat Dalam dengan Tampilan Pohon

JSON yang sangat bertingkat sulit diikuti sebagai teks biasa — mudah kehilangan jejak bracket mana yang menutup apa. Tampilan pohon merender object dan array sebagai node yang bisa dilipat/dibuka, sehingga Anda bisa menelusuri hanya bagian yang Anda butuhkan. Mengklik tombol salin di samping node mana pun akan menyalin path nilai tersebut (misalnya $.tools[1]) ke clipboard, siap ditempel langsung ke kode yang perlu merujuknya.

Cocok dipadukan dengan

Validator XML Pemeriksa Diff Penguji Regex

Pertanyaan umum

Apakah JSON saya dikirim ke server?

Tidak. Parsing, pemformatan, dan validasi semuanya terjadi di browser Anda hanya melalui JSON.parse() — tidak ada backend API yang dipanggil. Payload API atau nilai konfigurasi yang sensitif tetap privat.

Pesan error-nya singkat — bagaimana cara membacanya?

Pesan itu menampilkan line:column plus token yang diharapkan, misalnya "at 3:5 — Expected ',' or '}'". Kotak input juga otomatis memilih baris yang tepat sehingga Anda bisa langsung menuju ke sana.

Jika saya mengubah opsi indentasi, apakah teks yang sudah ada ikut diperbarui otomatis?

Tidak — pilihan indentasi baru berlaku saat Anda berikutnya mengklik "Pretty Print". Mengubah dropdown saja tidak akan memformat ulang apa pun.

Apa arti "keys" dan "depth" pada statistik tampilan pohon?

"Keys" adalah total jumlah properti object di seluruh dokumen JSON, dan "depth" adalah seberapa dalam nilai yang paling bertingkat berada — berguna sebagai gambaran kasar kompleksitas struktur.