JSON pretty print mengubah JSON yang padat dan sulit dibaca menjadi format multi-baris dengan indentasi yang rapi. Meskipun mesin memproses JSON satu baris dengan mudah, manusia membutuhkan struktur — hierarki visual, tanda kurung yang sejajar, dan indentasi yang konsisten — untuk memahami data kompleks dengan cepat.
JSON mentah dari API, database, dan file log sering diminifikasi untuk menghemat bandwidth. Pretty print mengembalikan struktur yang dapat dibaca manusia yang diperlukan untuk debugging, tinjauan, dan pemahaman data.
🔍
Debugging Lebih Cepat
Temukan field yang hilang, nilai yang salah, dan kesalahan struktur dalam hitungan detik daripada mengurai dinding teks karakter demi karakter.
👥
Code Review Lebih Jelas
Meninjau perubahan file konfigurasi JSON dalam pull request jauh lebih mudah dengan indentasi yang tepat — reviewer dapat fokus pada apa yang berubah.
🔌
Inspeksi API
Saat menjelajahi API baru, respons yang terformat memungkinkan pemahaman model data dan struktur bersarang sekilas pandang.
📝
Dokumentasi dan Berbagi
JSON yang terformat siap ditempel di dokumen, wiki, tiket, dan Slack tanpa ada yang perlu menguraikannya secara mental.
Memilih Indentasi
2 dan 4 spasi keduanya digunakan secara luas. Pilihan yang tepat biasanya bergantung pada panduan gaya tim atau preferensi pribadi.
2 Spasi
Pilihan paling populer di komunitas JavaScript dan JSON. Menjaga file tetap ringkas sambil tetap mudah dibaca. Digunakan oleh npm, ESLint, dan sebagian besar panduan gaya JS.
4 Spasi
Umum dalam proyek Python, Java, dan C#. Memberikan lebih banyak ruang visual dan sering disukai untuk struktur yang sangat bersarang.
Kasus Penggunaan Umum
Debugging Respons API
Tempel respons API mentah dan langsung lihat struktur data lengkap, objek bersarang, dan konten array dalam tata letak yang mudah dibaca.
Membaca File Konfigurasi
Konfigurasi yang disimpan dalam JSON diminifikasi menjadi mudah dibaca dan diedit setelah diformat — tidak perlu lagi mencari-cari kunci tertentu.
Analisis Log
Log terstruktur sering mengandung payload JSON. Memformat entri log individual membuat analisis akar masalah jauh lebih cepat.
Dokumentasi Pengembang
Menyediakan contoh JSON yang jelas dan terindentasi dalam dokumentasi API membantu pengembang langsung memahami bentuk permintaan dan respons.
Eksplorasi Data
Saat bekerja dengan dataset yang tidak dikenal, pretty print mengungkapkan skema lengkap — field, tipe, dan bersarang — tanpa membaca dokumentasi terlebih dahulu.
Testing dan QA
Membandingkan JSON yang diharapkan dengan yang aktual dalam kegagalan tes jauh lebih mudah dengan indentasi yang konsisten dan struktur baris per baris.
Pretty Print di Terminal
Anda tidak selalu membutuhkan alat browser. Perintah-perintah ini memformat JSON langsung di terminal tanpa instalasi tambahan.
JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.
Apakah pretty print mengubah data?
Tidak. Hanya spasi putih yang ditambahkan — tidak ada data, kunci, nilai, atau urutan yang dimodifikasi. File JSON yang terformat identik secara semantik dengan aslinya.
Mana yang lebih baik: 2 atau 4 spasi?
Tidak ada yang secara objektif lebih baik. 2 spasi lebih ringkas dan merupakan default di banyak alat JavaScript. 4 spasi memberikan pemisahan visual lebih banyak. Gunakan yang ditentukan panduan gaya tim Anda.
Bisakah saya memformat JSON yang tidak valid?
Tidak — input harus berupa JSON yang valid terlebih dahulu. Jika ada koma trailing, tanda kutip tunggal, atau komentar (JSONC/JSON5), konversi dulu ke JSON standar.
Bagaimana cara memformat JSON di DevTools browser?
Di Chrome/Firefox DevTools, klik tombol {} di bagian bawah panel respons jaringan untuk memformatnya secara otomatis. Anda juga dapat menjalankan JSON.stringify(obj, null, 2) di konsol untuk memformat objek JavaScript apa pun.