Memahami JSON: Panduan Pemula untuk Format dan Validasi
Jawaban Cepat
JSON adalah format data berbasis teks yang menggunakan pasangan nilai kunci dan array. Ini mendukung string, angka, boolean, null, objek, dan array. Gunakan Pemformat JSON gratis kami untuk mempercantik, memvalidasi, dan memperkecil data JSON —semua pemrosesan terjadi di browser Anda.
Perkenalan
JSON (JavaScript Object Notation) adalah format pertukaran data ringan yang mudah dibaca dan ditulis oleh manusia, serta mudah diurai dan dibuat oleh mesin. Ini adalah format data yang paling umum digunakan untuk komunikasi antara server web dan browser, dan sebagian besar telah menggantikan XML di web modern APIs.
Langkah demi Langkah
-
Pahami sintaksis JSON
JSON menggunakan kurung kurawal {} untuk objek, tanda kurung siku [] untuk array, dan pasangan nilai kunci yang dipisahkan dengan titik dua. Kunci harus berupa string dalam tanda kutip ganda. Nilai dapat berupa string, angka, boolean, null, objek, atau array.
-
Format JSON Anda
Tempelkan data JSON Anda ke dalam alat Pemformat JSON. Ini secara otomatis akan mempercantik JSON dengan lekukan dan jeda baris yang tepat, sehingga mudah dibaca.
-
Validasi strukturnya
Pemformat memeriksa JSON Anda untuk menemukan kesalahan sintaksis. Jika valid, ini akan menampilkan output yang diformat. Jika tidak valid, ini akan menampilkan pesan kesalahan yang menunjukkan masalahnya.
-
Salin atau gunakan hasilnya
Salin JSON yang telah diformat ke clipboard Anda untuk digunakan dalam kode, dokumentasi, atau debugging Anda.
Contoh
Objek sederhana
Masukan: {"name":"Alice","age":30}
Keluaran: {
"name": "Alice",
"age": 30
}
Array objek
Masukan: [{"id":1},{"id":2}]
Keluaran: [
{ "id": 1 },
{ "id": 2 }
]
Struktur bersarang
Masukan: {"user":{"name":"Bob","tags":["admin","user"]}}
Keluaran: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
Masalah Umum
- Penggunaan tanda kutip tunggal untuk string —JSON memerlukan tanda kutip ganda untuk string dan kunci.
- Tanda koma —JSON tidak mengizinkan koma setelah item terakhir dalam objek atau larik.
- Komentar —JSON tidak mendukung komentar (// atau /* */). Gunakan JSONC atau JSON5 jika Anda memerlukan komentar.
- Kunci yang tidak diberi tanda kutip —semua kunci harus dalam tanda kutip ganda, tidak seperti literal objek JavaScript.
Kiat
- Gunakan pemformat JSON untuk menangkap kesalahan sintaksis sebelum mengirim data ke API.
- JSON yang diperkecil menghemat bandwidth —gunakan minifikasi dalam produksi, pemformatan dalam pengembangan.
- JSON tidak mendukung fungsi, fungsi, atau tanggal yang tidak ditentukan sebagai nilai — gunakan string null atau ISO 8601.
- Gunakan JSON.parse() dalam JavaScript untuk mengonversi string JSON menjadi objek, dan JSON.stringify() untuk mengonversi objek menjadi JSON.