Cara memformat dan memvalidasi JSON online
Jika Anda bekerja dengan API, berkas konfigurasi, atau jenis data terstruktur apa pun, Anda akan menemui JSON secara teratur. Dan jika Anda pernah menatap dinding JSON yang diperkecil mencari kurung kurawal yang hilang, Anda tahu mengapa pemformatan penting.
Apa yang dilakukan pemformat JSON
JSON mentah dari respons API atau berkas yang diperkecil terlihat seperti ini:
{"users":[{"name":"Alice","age":30,"roles":["admin","editor"]},{"name":"Bob","age":25,"roles":["viewer"]}]}
Pemformat mengubahnya menjadi sesuatu yang dapat dibaca:
{
"users": [
{
"name": "Alice",
"age": 30,
"roles": ["admin", "editor"]
},
{
"name": "Bob",
"age": 25,
"roles": ["viewer"]
}
]
}
Data yang sama, tetapi Anda akhirnya dapat membacanya, menemukan kesalahan, dan memahami strukturnya.
Cara memformat JSON online
- Tempel JSON Anda di bidang input. Pemformat segera mendeteksi kesalahan sintaks dan memvalidasi struktur.
- Pilih indentasi — pilih 2 atau 4 spasi, atau klik Minify untuk mengompres JSON menjadi satu baris.
- Salin hasilnya — keluaran yang diformat menyertakan penyorotan sintaks. Salin untuk kode, berkas konfigurasi, atau dokumentasi Anda.
Kesalahan JSON umum dan cara menemukannya
Sebagian besar kesalahan JSON bermuara pada beberapa jebakan umum:
- Koma yang hilang atau berlebih — koma setelah elemen terakhir dalam array atau objek tidak valid dalam JSON (berbeda dengan JavaScript)
- Kunci tanpa tanda kutip — JSON memerlukan tanda kutip ganda di sekitar semua kunci:
"name", bukanname - Tanda kutip tunggal — JSON hanya menerima tanda kutip ganda:
"value", bukan'value' - Koma di akhir —
{"a": 1,}tidak valid; hapus koma setelah entri terakhir
Pemformat yang baik menyoroti dengan tepat di mana kesalahan berada, sehingga Anda dapat memperbaikinya tanpa menebak.
Kapan memformat, kapan minify
Format (membuatnya dapat dibaca) ketika Anda perlu:
- Membaca dan memahami data
- Men-debug respons API
- Mengedit berkas konfigurasi
- Berbagi JSON dengan kolega
Minify ketika Anda perlu:
- Mengirim data melalui jaringan (payload lebih ringan = transfer lebih cepat)
- Menyimpan JSON di basis data atau log di mana keterbacaan tidak penting
- Menyematkan JSON dalam parameter URL atau bidang formulir
Tips bekerja dengan JSON
- Validasi sebelum mengirim — jika Anda membangun permintaan API dengan tangan, tempel JSON Anda di validator terlebih dahulu. Satu koma yang salah tempat dapat menyebabkan kesalahan server yang membingungkan.
- Gunakan indentasi 2 spasi untuk data yang sangat bersarang. Ini menjaga baris lebih pendek dan struktur lebih mudah ditelusuri.
- Tandai alat ini — jika Anda bekerja dengan JSON secara teratur, memiliki pemformat dengan satu klik menghemat waktu dibandingkan mencarinya setiap kali.
Pertanyaan yang sering diajukan
Bisakah pemformat menangani berkas JSON yang besar?
Ya. Karena alat berjalan di peramban Anda, dapat memproses berkas dengan puluhan ribu baris. Kinerja tergantung pada perangkat Anda, tetapi sebagian besar peramban modern menangani JSON besar tanpa masalah.
Apakah berfungsi offline?
Ya. Setelah halaman dimuat, alat berfungsi sepenuhnya di peramban Anda tanpa koneksi Internet. Semua pemrosesan terjadi secara lokal di JavaScript.
Apa perbedaan antara memformat dan memvalidasi?
Memformat menambahkan indentasi dan baris baru untuk membuat JSON dapat dibaca. Memvalidasi memeriksa bahwa struktur JSON benar — kurung kurawal seimbang, tanda kutip benar, tipe valid. Sebagian besar pemformat melakukan keduanya secara bersamaan.
Bisakah saya menggunakannya di telepon saya?
Ya. Alat berfungsi di perangkat apa pun dengan peramban modern, termasuk telepon dan tablet.