Cara Memformat dan Memvalidasi Data JSON Langkah demi Langkah
Jawaban Cepat
Untuk memformat JSON: tempelkan JSON Anda ke dalam Formatter JSON, dan keluaran yang dipercantik dengan lekukan yang tepat akan langsung muncul. Untuk memvalidasi JSON: alat secara otomatis memeriksa sintaksis dan menampilkan kesalahan lokasi jika tidak valid. Semua pemrosesan terjadi secara lokal — data Anda tidak pernah diunggah.
Perkenalan
JSON (Notasi Objek JavaScript) adalah format data paling umum untuk web APIs dan file konfigurasi. JSON mentah dari APIs sering kali diperkecil menjadi satu baris, sehingga sulit dibaca. Pemformatan (juga disebut mempercantik atau mencetak cantik) menambahkan lekukan dan jeda baris sehingga manusia dapat membacanya. Validasi memeriksa apakah sintaks JSON sudah benar — satu koma yang salah tempat atau kutipan yang hilang dapat merusak keseluruhan aplikasi Anda. Panduan ini menunjukkan cara memformat dan memvalidasi JSON di browser Anda.
Langkah demi Langkah
-
Buka alat Pemformat JSON
Buka halaman alat Pemformat JSON. Alat ini menerima string JSON apa pun sebagai input — objek, array, atau struktur bersarang.
-
Tempelkan data JSON Anda
Tempelkan JSON yang ingin Anda format atau validasi ke dalam area teks masukan. Ini bisa berupa respons API, file konfigurasi, atau string JSON dari kode Anda.
-
Tinjau keluaran yang diformat
Alat ini mem-parsing JSON Anda dan membuat serial ulang dengan lekukan 2 spasi dan jeda baris. Output yang diformat langsung muncul di kolom hasil. Jika JSON tidak valid, pesan kesalahan muncul dengan lokasi masalah sintaksis.
-
Periksa status validasi
Jika JSON valid, alat akan menampilkan indikator keberhasilan dan keluaran yang diformat. Jika tidak valid, ini akan menampilkan kesalahan penguraian — seperti 'Token tak terduga di posisi 42' — sehingga Anda dapat memperbaiki masalah sintaksis di sumber Anda.
-
Salin atau perkecil hasilnya
Gunakan tombol Salin untuk menyalin JSON yang diformat ke clipboard Anda. Beberapa alat juga menawarkan tombol Minify untuk menghapus semua spasi — berguna untuk mengurangi ukuran muatan dalam produksi.
Contoh
Format diperkecil JSON
Masukan: {"name":"Alice","age":30,"roles":["admin","user"]}
Keluaran: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
Deteksi JSON yang tidak valid (diakhiri koma)
Masukan: {"a":1,"b":2,}
Keluaran: Error: Unexpected token } at position 11
Deteksi JSON yang tidak valid (tanda kutip tunggal)
Masukan: {'name':'Alice'}
Keluaran: Kesalahan: Token tak terduga ' pada posisi 1
Masalah Umum
- Menggunakan tanda kutip tunggal untuk string —JSON memerlukan tanda kutip ganda untuk semua string dan kunci.
- Tanda koma setelah item terakhir —JSON tidak mengizinkan koma sebelum } atau ].
- Komentar di JSON —standar JSON tidak mendukung // atau /* */ komentar. Gunakan JSONC atau JSON5 jika Anda memerlukan komentar.
- Kunci yang tidak diberi tanda kutip —tidak seperti literal objek JavaScript, JSON mengharuskan semua kunci berada dalam tanda kutip ganda.
- Nilai tidak terdefinisi, NaN, atau Tak Terhingga —JSON hanya mendukung null, bukan tidak terdefinisi atau NaN.
Kiat
- Selalu validasi JSON sebelum mengirimkannya dalam permintaan API —kesalahan sintaksis dapat menyebabkan respons 400 Permintaan Buruk.
- Gunakan JSON yang diperkecil dalam produksi untuk menghemat bandwidth, dan format JSON dalam pengembangan agar mudah dibaca.
- JSON tidak mendukung objek Tanggal — membuat serial tanggal sebagai string ISO 8601 (misalnya, "2026-09-02T00:00:00Z").
- Gunakan JSON.parse() dalam JavaScript untuk mengonversi string JSON menjadi objek, dan JSON.stringify() untuk mengonversi objek menjadi string JSON.