Format JSON dan Validasi

Tempel JSON yang berantakan lalu rapikan agar mudah dibaca, atau padatkan menjadi satu baris.

Indentasi

Hasil

Cara format JSON dengan alat ini

Untuk format JSON, tempel teksnya ke kotak input, baik itu respons API, potongan log, maupun file konfigurasi. Setelah itu pilih aksinya. Rapikan merapikan indentasi dengan 2 atau 4 spasi per tingkat dan menaruh setiap kunci di barisnya sendiri, sehingga strukturnya langsung terlihat. Perkecil melakukan kebalikannya dengan membuang semua spasi yang tidak perlu, berguna saat JSON harus dimasukkan ke URL, variabel lingkungan, atau body request.

Jika hasilnya sudah sesuai, tekan tombol salin untuk menyimpannya ke clipboard. Karena semua proses terjadi di dalam tab browser, Anda bisa format JSON yang berisi kredensial, alamat server internal, atau data pribadi tanpa mengunggahnya ke layanan pihak ketiga.

Cara kerjanya

Pertama, alat ini membaca teks Anda dengan parser JSON bawaan browser, yaitu pemeriksaan ketat yang sama dengan JSON.parse di JavaScript. Jika berhasil, data ditulis ulang dengan indentasi pilihan Anda, atau tanpa indentasi sama sekali untuk minify. Karena keluarannya dibuat dari data yang sudah diurai, bukan dengan menggeser karakter, hasilnya selalu JSON yang valid.

Jika gagal, akan ditampilkan baris dan kolom tempat parser berhenti. Posisi itu sering berada tepat setelah kesalahan sebenarnya, jadi periksa juga ujung baris sebelumnya. Kurung kurawal penutup yang terlupa, misalnya, sering baru terdeteksi di akhir file; cocokkan pasangan kurung dari atas ke bawah untuk menemukannya.

Contoh sebelum dan sesudah dirapikan dengan 2 spasi:

{"toko":"Warung Bu Sri","kota":"Yogyakarta","ongkir":15000,"cod":true}
{
  "toko": "Warung Bu Sri",
  "kota": "Yogyakarta",
  "ongkir": 15000,
  "cod": true
}

Kesalahan umum dan cara memperbaikinya

Satu hal lagi: angka dibaca sebagai number JavaScript, sehingga bilangan bulat di atas 9.007.199.254.740.991 bisa kehilangan presisi saat diformat ulang. Simpan ID yang sangat panjang, misalnya nomor transaksi, sebagai string.

Hasil yang sudah dirapikan enak dipakai saat berbagi contoh data di dokumentasi atau laporan bug, sedangkan versi minify lebih cocok untuk data yang dikirim lewat jaringan.

Pertanyaan umum

Apakah JSON saya dikirim ke server?

Tidak. Proses format dan minify sepenuhnya berjalan di browser Anda, sehingga token, API key, atau data pelanggan tidak pernah keluar dari perangkat.

Lebih baik 2 atau 4 spasi?

Dua spasi paling umum di proyek JavaScript dan membuat data yang bersarang dalam tetap ringkas. Empat spasi lebih nyaman dibaca untuk file pendek dan sesuai dengan banyak panduan gaya Python serta Java.

Kenapa muncul error padahal di JavaScript jalan?

JSON lebih ketat daripada sintaks objek JavaScript. Kunci dan string wajib memakai tanda kutip ganda, serta koma di akhir dan komentar tidak diperbolehkan.

Apa fungsi tombol Perkecil?

Menghapus semua spasi dan baris baru di luar nilai string, sehingga dihasilkan versi valid terkecil dari data yang sama.