PENGENALAN JSON (Javascript Object Notation)

PENGENALAN JSON (Javascript Object Notation)

Apa Itu JSON?

JSON (JavaScript Object Notation) adalah format file berbasis teks yang umumnya digunakan dalam proses pertukaran data antara server dan klien. File JSON memiliki ekstensi .json serta menggunakan teks yang sama-sama bisa dibaca oleh manusia dan dipahami oleh komputer.

Selain itu, JSON adalah format yang banyak disukai karena mudah dipahami, ringan, ringkas, dan menunjukkan data terstruktur berdasarkan syntax objek JavaScript. Karena inilah program JavaScript bisa mengubah data JSON menjadi objek native JavaScript tanpa harus melakukan parsing atau serializing.

JSON juga populer karena kompatibel dengan banyak bahasa pemrograman, environment, dan library.

Apa Itu File JSON, Fungsi, dan Kelebihannya

JSON adalah format yang menyimpan informasi terstruktur serta banyak digunakan sebagai alternatif yang lebih sederhana dan ringan dari XML (Extensive Markup Language).

Format XML kini sudah cukup jarang digunakan karena sulit dikonversi menjadi objek JavaScript. Butuh ribuan baris kode dan banyak kustomisasi berdasarkan elemen tertentu yang perlu diuraikan (parse).

Sebagai perbandingan, parser JSON hanya membutuhkan satu baris kode untuk mengubah teks menjadi JavaScript karena syntax keduanya sangat mirip.

JSON menggunakan parsing sisi server untuk meningkatkan responsivitas. Prosesnya tidak memerlukan informasi awal tentang objek parsing, sehingga JSON kini banyak digunakan sebagai format standar pertukaran data.

User juga bisa meminta data dari berbagai domain dengan memanfaatkan metode yang disebut ‘JSON padding’ (JSONP), yang menggunakan fungsi callback untuk mengirimkan data JSON. Hasilnya, batasan  same-origin policy pun tidak lagi menjadi halangan.

Penjelasan tentang Syntax JSON

Karena struktur JSON didasarkan pada syntax literal objek JavaScript, keduanya memiliki sejumlah kesamaan.

Berikut adalah elemen inti syntax JSON:

Data disajikan dalam key/value pair (pasangan kunci/nilai).

Elemen data dipisahkan oleh koma.

Tanda kurung kurawal {} menentukan objek.

Tanda kurung siku [] menunjukkan array.

Hasilnya, syntax literal objek JSON akan terlihat seperti ini:

{"key":"value","key":"value","key":"value".}

{"key":"value","key":"value","key":"value".}

{"key":"value","key":"value","key":"value".}

Jenis-Jenis Nilai (Value) JSON

Di bagian ini, kami akan membahas jenis atau tipe nilai JSON yang ada.

Array

Array adalah kumpulan nilai yang disusun dalam urutan. Nilai array boleh berisi objek JSON, yang berarti menggunakan konsep key/value pair yang sama. 

Contohnya seperti ini:

{

"murid":[

{"namaDepan":"Toni", "namaBelakang":"Setiawan"},

{"namaDepan":"Linda", "namaBelakang":"Ayuningtyas"},

{"namaDepan":"Adam", "namaBelakang":"Raharjo"}

]

}

Informasi dalam tanda kurung siku membentuk array yang terdiri dari tiga objek.

Berikut Penerapan JSON di React JS:

Anda Bisa Support Blog Ini dengan Cara:

Traktir Kopi

Dapatkan Juga E-Book menarik disini