JSON JavaScript

JSON adalah format untuk menyimpan dan mentransfer data.

JSON sering digunakan ketika data dihantar dari pelayan ke halaman web.

Apakah JSON?

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

* Sintaks JSON berasal dari sintaks simbol objek JavaScript, tetapi format JSON adalah teks bersih. Kode untuk membaca dan mengenerate data JSON dapat ditulis dalam bahasa pemrograman apapun.

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 menjadi objek JavaScript

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

Karena kesamaan 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 kurawal menyimpan array

Data JSON - Nama dan Nilai

Penggunaan teks JSON adalah seperti properti objek JavaScript.

Pasangan nama/nilai terdiri dari nama field (dalam tanda kutip ganda), diikuti dengan tanda titik dua, dan diikuti dengan nilai:

"firstName":"Bill"

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

JSON 对象

Objek JSON ditulis di dalam tanda kurung kurawal.

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

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

JSON 数组

Array JSON ditulis di dalam tanda kurung kurawal.

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 nama keluarga).

Ubah teks JSON menjadi objek JavaScript

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

Untuk keperluan sederhana, dapat digunakan string sebagai contoh input.

Pertama, buat string JavaScript yang mengandung sintaks JSON:

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

然后，使用 JavaScript 的内建函数 JSON.parse() 来把这个字符串转换为 JavaScript 对象：

var obj = JSON.parse(text);

最后，请在您的页面中使用这个新的 JavaScript 对象：

实例

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

亲自试一试

您可以在我们的 JSON 教程 中阅读更多有关 JSON 的内容。