Pemformat & Penampil JSON
Tempel JSON dan itu akan segera diperindah. Klik bidang apa pun untuk memeriksa nilai lengkap dan jalurnya di sebelah kanan; kesalahan sintaksis ditemukan berdasarkan baris dan kolom. Semuanya berjalan secara lokal di browser Anda.
- Indentasi
- 2/4 spasi · tab
- Tambahan
- Periksa · urutkan · statistik
- Privasi
- Tidak ada yang diunggah
- Penggunaan
- Gratis · tanpa pendaftaran
MENGAPA INI PENTING
Dibuat untuk siapa saja yang membaca JSON setiap hari
Respons API, file konfigurasi, payload log — JSON mentah datang sebagai satu baris padat. Jadikan dapat dibaca, temukan koma yang salah, lalu kembalikan seperti yang Anda butuhkan.
Beautify & minify
Satu klik beralih antara pohon yang dapat dibaca manusia dan satu baris kompak. Pilih 2 spasi, 4 spasi, atau tab agar sesuai dengan gaya basis kode Anda.
Kesalahan ditemukan berdasarkan baris dan kolom
JSON tidak valid melaporkan posisi yang tepat — L12 : C34 — bukan pesan parser yang tidak jelas, sehingga Anda langsung menuju ke koma yang hilang atau tanda kutip penutup.
Pengurutan kunci rekursif
Urutkan kunci objek secara abjad di setiap kedalaman sementara array mempertahankan urutannya. Ideal untuk membandingkan konfigurasi dan menstabilkan fixture di seluruh commit.
Escape / unescape literal
Ubah JSON menjadi literal string yang di-escape untuk disematkan dalam kode atau file env, dan buka literal yang dikutip kembali menjadi JSON mentah untuk inspeksi.
Klik bidang apa pun untuk melihat secara penuh
Klik kolom di editor dan panel samping akan terbuka dengan nilai lengkap, tipe, dan jalur JSON-nya — termasuk objek dan array bersarang, sehingga Anda tidak perlu lagi menghitung kurung kurawal dengan mata.
Berjalan sepenuhnya lokal
JSON tidak pernah keluar dari browser Anda, alat ini berfungsi secara offline, dan tidak ada permintaan yang dikirim saat input kosong.
Cara kerjanya
Ganti indentasi antara 2 spasi, 4 spasi, dan tab. Perkecil menjadi satu baris saat mengirim ke mesin, urutkan kunci objek secara rekursif saat Anda membutuhkan urutan yang stabil, atau escape seluruh payload menjadi literal string — dan unescape literal yang dikutip yang disalin dari baris log.
Klik setiap kolom untuk memeriksa nilai lengkapnya di panel samping, dan kunci, item array, serta kedalaman bersarang akan diperbarui saat Anda mengetik. Simpan beberapa dokumen terbuka di satu halaman dan bandingkan sekilas; masing-masing memiliki editor tersendiri. Semuanya berjalan secara lokal di browser Anda dan tidak ada yang diunggah.
Lebih banyak alat JSON
Alat pihak ketiga yang dipilih sesuai tujuan — kami tidak menduplikasi di sini, jadi kunjungilah ketika Anda membutuhkannya.
| Alat | Tujuan | Fungsi |
|---|---|---|
| JSON Editor Online | Edit & validasi | Panel teks dan pohon yang terhubung, restrukturisasi seret-dan-lepas, ditambah diff, validasi skema, dan query. |
| JSON Crack | Visualisasikan | Mengubah JSON menjadi grafik node interaktif untuk memahami bersarang yang dalam atau membuat demo cepat. |
| JSON Visio | Visualisasikan | Penampil grafik lain dengan UI yang lebih ringkas — pilih yang mana pun dari kedua yang terasa lebih nyaman. |
| Diffchecker | Bandingkan | Bandingkan dua teks secara berdampingan atau dalam tampilan terpadu, dan lanjut langsung ke baris yang disisipkan, dihapus, atau diubah. |
| JSONPath | Kueri | Jalankan ekspresi JSONPath secara online dan ekstrak bidang yang Anda butuhkan persis berdasarkan jalurnya. |
| JSONata | Kueri & transformasi | Bahasa kueri dan transformasi untuk JSON, dengan playground dan contoh online. |
| quicktype | Generasi tipe | Hasilkan definisi tipe TypeScript, Swift, Go, dan lain-lain dari JSON. |
| JSON Generator | Data tiruan | Hasilkan data tiruan terstruktur dari template — praktis untuk fixture uji API. |
Detail aturan format JSON
JSON terlihat sederhana tetapi memiliki sejumlah aturan ketat — mengetahui aturan ini menghemat waktu Anda setiap kali parser menolak payload Anda.
Apa yang dianggap JSON yang valid?
JSON mendefinisikan enam tipe nilai: objek, array, string, angka, boolean, dan null. Kunci harus berupa string yang dikutip ganda, tidak ada koma di akhir, dan komentar tidak diizinkan.
Hal tambahan JavaScript seperti kutip tunggal, undefined, NaN, Infinity, dan koma di akhir akan gagal di parser ketat — inilah tepatnya yang ditandai oleh alat ini.
Apa perbedaan antara melihat dan memformat?
Memformat mengubah tata letak teks: indentasi, jeda baris, dan perkecilan. Melihat membiarkan dokumen tidak tersentuh — saat Anda klik kolom, nilai lengkap, tipe, dan jalur JSON-nya muncul di panel samping.
Objek bersarang dalam sangat sulit dibaca hanya dari kurung kurawal, jadi mengklik kolom memungkinkan Anda mengonfirmasi isinya dengan tepat — sangat berguna terutama untuk respons API dan payload log.
Mengapa urutan kunci saya berubah setelah pemformatan?
Spesifikasi JSON memperlakukan objek sebagai pasangan kunci-nilai yang tidak berurutan, dan parser bebas mengurutkannya ulang. Dalam praktiknya V8 (Chrome / Node) mempertahankan urutan penyisipan untuk kunci string, tapi kunci mirip integer ("1", "42") selalu diurutkan secara numerik terlebih dahulu.
Aktifkan "Urutkan kunci objek" jika Anda ingin urutan abjad yang stabil yang bertahan di setiap parser — berguna untuk membandingkan konfigurasi.
Seberapa besar angka yang bisa ditampung JSON?
JSON sendiri tidak memberikan batasan, tapi JavaScript mengurai setiap angka sebagai double IEEE-754. Integer di luar ±2^53 (sekitar 9 kuadriliun) kehilangan presisi — 9007199254740993 menjadi 9007199254740992.
Jika payload Anda menyertakan ID 64-bit atau stempel waktu dalam nanodetik, pertahankan sebagai string; alat ini tidak akan merusaknya, tapi apa pun yang Anda tempel ke kode JavaScript akan terkena dampak.
Kapan sebaiknya saya minify daripada beautify?
Beautify untuk apa pun yang dibaca manusia: review kode, debugging, dokumentasi. Minify untuk apa pun yang ditransfer mesin: isi API, parameter URL, variabel lingkungan, dan file .env.
Minifikasi payload API biasa menghemat 15–30% byte tanpa perubahan struktural — ini kompresi termurah yang ada.
Untuk apa escaping digunakan?
Escaping membungkus JSON sebagai literal string: tanda kutip menjadi \" dan baris baru menjadi \n, sehingga JSON dapat berada di dalam nilai JSON lain, perintah shell, atau variabel lingkungan tanpa terjadi kerusakan.
Unescape adalah kebalikan dari escaping. Jika Anda pernah menyalin payload dari baris log yang tampak seperti {\"a\":1}, itu adalah formatnya — tempel di sini dan klik Unescape.
Pertanyaan yang sering diajukan
Apakah JSON saya diunggah atau disimpan di suatu tempat?
Tidak. Semuanya berjalan di browser Anda dengan JavaScript — tidak ada permintaan yang membawa JSON Anda ke mana pun, alat ini bekerja secara offline, dan tidak ada yang tertulis di penyimpanan lokal, sehingga menyegarkan halaman akan menghapus input.
Mengapa pemformatan gagal pada file konfigurasi saya?
Kemungkinan besar itu bukan JSON ketat: JSONC / JSON5 mengizinkan komentar dan koma ekor, YAML berbasis indentasi, dan file .env adalah pasangan kunci=nilai. Hapus komentar dan koma ekor terlebih dahulu, atau gunakan parser yang dibuat untuk format tersebut.
Apakah mengurutkan kunci juga mengubah array?
Tidak. Urutan array itu penting (item pertama, item kedua…), jadi array selalu dipertahankan. Hanya kunci objek — termasuk objek yang bersarang di dalam array — yang diurutkan secara alfabetis.
Apa artinya "Error near L12 : C34"?
Ini adalah baris dan kolom berbasis-1 tempat parser berhenti: baris 12, kolom 34. Kesalahan sebenarnya biasanya ada di atau tepat sebelum tempat tersebut — koma yang hilang di baris sebelumnya, tanda kutip yang tidak di-escaped, atau koma di akhir sebelum kurung kurawal penutup.
Apakah ada batasan ukuran? Apakah berfungsi di perangkat mobile?
Tidak ada batasan tetap — memformat output log sebesar beberapa megabita bisa berjalan. Di perangkat kelas bawah, input yang sangat besar (puluhan MB) mungkin terasa lambat karena setiap ketikan harus di-parse dan diformat ulang. Tata letaknya responsif; editor menyesuaikan diri dengan lebar layar.