JSON Pemrograman JavaScript

JSON adalah format untuk menyimpan dan mentransfer data.

JSON sering digunakan ketika data dikirim dari server ke halaman web.

Apa itu JSON?

  • JSON adalah JavaScript Object Notation
  • JSON adalah format pertukaran data yang ringan
  • JSON bebas dari bahasa *
  • JSON adalah "self-descriptive" dan mudah untuk dipahami

* Sintaks JSON berasal dari sintaks simbol objek JavaScript, tetapi format JSON adalah teks yang penuh.

Contoh JSON

Sintaks JSON mendefinisikan objek karyawan: array yang mengandung tiga catatan karyawan (objek):

Contoh JSON

{
"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"},
    {"firstName":"Alan", "lastName":"Turing"}
]
}

Format JSON dievaluasi sebagai objek JavaScript

Format JSON secara sintaks sama dengan kode untuk membuat objek JavaScript.

Karena kekerabatan ini, program JavaScript dapat dengan mudah mengkonversi data JSON ke objek JavaScript lokal.

Aturan Sintaks JSON

  • Data adalah pasangan nama/nilai
  • Data dipisahkan dengan koma
  • Tanda kurung kurawal menyimpan objek
  • Tanda kurung siku menyimpan array

Data JSON - Nama dan Nilai

Penulisan data JSON adalah pasangan nama/nilai, seperti atribut objek JavaScript.

Pasangan nama/nilai dibentuk oleh nama field (dalam tanda kutip ganda), diikuti dengan tanda titik koma, dan diikuti dengan nilai:

"firstName":"Bill"

Nama JSON memerlukan tanda kutip ganda. Nama JavaScript tidak memerlukan.

Objek JSON

Objek JSON ditulis di dalam tanda kurung kurawal.

Seperti JavaScript, objek dapat mengandung banyak pasangan nama/nilai:

{"firstName":"Bill", "lastName":"Gates"}

Array JSON

Array JSON ditulis di dalam tanda kurung siku.

Seperti JavaScript, array dapat mengandung objek:

"employees":[
    {"firstName":"Bill", "lastName":"Gates"}, 
    {"firstName":"Steve", "lastName":"Jobs"}, 
    {"firstName":"Alan", "lastName":"Turing"}
]

Dalam contoh di atas, objek "employees" adalah sebuah array. Ia mengandung tiga objek.

Setiap objek mewakili catatan satu orang (dengan nama dan surname).

Konversi teks JSON ke objek JavaScript

Penggunaan biasa JSON adalah untuk membaca data dari server web dan menampilkan data di halaman web.

Untuk kecepatan, dapat digunakan string sebagai contoh masukan.

Pertama-tama, buat string JavaScript yang mengandung sintaks JSON:

var text = '{ "employees" : [
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

Lalu, gunakan fungsi bawaan JavaScript JSON.parse() untuk mengubah string ini ke objek JavaScript:

var obj = JSON.parse(text);

Akhirnya, gunakan objek JavaScript baru ini di halaman Anda:

Contoh

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

Coba Sendiri

Anda dapat mencoba sendiri di Panduan JSON Baca lebih banyak tentang JSON di sini.