Mengenal Dan Belajar JSON

JSON merupakan singkatan dari JavaScript Object Notation yang digunakan sebagai sintaks untuk bertukar data mirip dengan XML hanya saja JSON lebih mudah dibaca dan digunakan oleh programmer.

Sintaks penulisan JSON mirip dengan sintaks pembuatan object pada JavaScript dengan itu JavaScript dapat mengkonversi data JSON kedalam object JavaScript dengan mudah.

JSON Sintaks:

1. Data terdiri dari nama dan nilai yang saling berpasangan.
2. Setiap data dipisah dengan tanda baca koma.
3. Data JSON yang bertipe object berada dalam tanda baca kurung kurawal.
4. Data JSON yang bertipe array berada dalam tanda baca kurung siku.

JSON Nilai:

1. Dapat menerima angka (bilangan bulat, bilangan pecahan).
2. String atau karakter (diapit oleh tanda baca petik dua).
3. Boolean (true atau false).
4. Object (diapit oleh tanda baca kurung kurawal).
5. Array (diapit oleh tanda baca kurung siku).
6. Null (nilai kosong).

Contoh Sintaks:

<script type="text/javascript">
var text = {
              nama: 'Made Subali',
              umur: 24,
              status: true,
              hobi: ['Memasak', 'Membaca'],
              olahraga: {team: 'Liverpool FC', pemain: 'Robie Fowler'}
           }
document.writeln(text.nama);
document.writeln(text.umur);
document.writeln(text.status);
document.writeln(text.hobi[0]);
document.writeln(text.olahraga.team);
</script>

Penjelasan: pada contoh diatas merupakan data JSON yang ditulis langsung dengan kode JavaScript apabila diperhatikan penulisan sintaks tersbut mirip dengan sintaks penulisan pembuatan tipe data object pada JavaScript.

Pada artikel saya selanjutnya akan menulis bagaimana cara menerima data JSON dari bahasa pemrograman PHP yang kemudian diolah kembali pada kode JavaScript menggunakan fungsi JSON.parse()

Demikian tutorial sederhana saya kali ini semoga dapat menambah sedikit ilmu para pembaca.

Categories: Java Script