JavaScript JSON
JSON adalah format untuk menyimpan dan mengangkut data.
JSON sering digunakan ketika data dikirim dari server ke halaman web.
Apa itu JSON?
- JSON adalah singkatan dari Java S cript O bject N otation
- JSON adalah format pertukaran data yang ringan
- JSON tidak bergantung pada bahasa *
- JSON "mendeskripsikan diri sendiri" dan mudah dimengerti
* Sintaks JSON diturunkan dari sintaks notasi objek JavaScript, tetapi format JSON hanya berupa teks. Kode untuk membaca dan menghasilkan data JSON dapat ditulis dalam bahasa pemrograman apa pun.
Contoh JSON
Sintaks JSON ini mendefinisikan objek karyawan: larik dari 3 catatan karyawan (objek):
Contoh JSON
{
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
}
Format JSON Mengevaluasi ke Objek JavaScript
Format JSON secara sintaksis identik dengan kode untuk membuat objek JavaScript.
Karena kesamaan ini, program JavaScript dapat dengan mudah mengubah data JSON menjadi objek JavaScript asli.
Aturan Sintaks JSON
- Data dalam pasangan nama/nilai
- Data dipisahkan dengan koma
- Kurung kurawal menahan benda
- Kurung persegi menahan array
Data JSON - Nama dan Nilai
Data JSON ditulis sebagai pasangan nama/nilai, seperti properti objek JavaScript.
Pasangan nama/nilai terdiri dari nama bidang (dalam tanda kutip ganda), diikuti oleh titik dua, diikuti dengan nilai:
"firstName":"John"
Nama JSON memerlukan tanda kutip ganda. Nama JavaScript tidak.
Objek JSON
Objek JSON ditulis di dalam kurung kurawal.
Sama seperti di JavaScript, objek dapat berisi beberapa pasangan nama/nilai:
{"firstName":"John", "lastName":"Doe"}
Array JSON
Array JSON ditulis di dalam tanda kurung siku.
Sama seperti di JavaScript, array dapat berisi objek:
"employees":[
{"firstName":"John", "lastName":"Doe"},
{"firstName":"Anna", "lastName":"Smith"},
{"firstName":"Peter", "lastName":"Jones"}
]
Pada contoh di atas, objek "karyawan" adalah array. Ini berisi tiga objek.
Setiap objek adalah catatan seseorang (dengan nama depan dan nama belakang).
Mengonversi Teks JSON ke Objek JavaScript
Penggunaan umum JSON adalah untuk membaca data dari server web, dan menampilkan data di halaman web.
Untuk kesederhanaan, ini dapat ditunjukkan dengan menggunakan string sebagai input.
Pertama, buat string JavaScript yang berisi sintaks JSON:
let text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
Kemudian, gunakan fungsi bawaan JavaScript JSON.parse()
untuk mengubah string menjadi objek JavaScript:
const obj = JSON.parse(text);
Terakhir, gunakan objek JavaScript baru di halaman Anda:
Contoh
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Anda dapat membaca lebih lanjut tentang JSON di tutorial JSON kami .