Cara menggunakan JSONOBJECT di JavaScript

JSON atau Notasi Objek Javascript adalah standar terbuka berdasarkan teks ringan yang dapat dibaca manusia yang dirancang untuk menyimpan dan mentransfer data

JSON terdiri dari dua struktur, yaitu

• Sekelompok nilai berpasangan. Di JSON contohnya adalah objek
• Daftar nilai berurutan, seperti larik

Cara Menggunakan JSON

Ada dua hal yang perlu dipelajari untuk dapat menggunakan JSON, yaitu sintaks (cara menulis) dan jenis nilainya. Untuk dapat memahami keduanya, simak penjelasannya di bawah ini

sintaks JSON

Mari kita lihat contoh sintaks sederhana sehingga Anda tahu apa yang ada di dalam sintaks

Baca Juga.   Penjelasan Lengkap Cara Memilih Platform Blog Untuk Blogging

{"kota". "Jogja", "negara". "Indonesia"}

JSON selalu dibuka dan ditutup dengan {} atau kurung kurawal. Sintaks terdiri dari dua elemen, yaitu key dan value. Keduanya dipisahkan oleh titik dua untuk kejelasan

Contoh key adalah “kota”, sedangkan “Jogja” adalah contoh value. Keduanya selalu dibuka dan ditutup dengan tanda kutip ganda. Harus diingat bahwa tidak ada ruang di antara kedua elemen tersebut

Jika ada lebih dari satu pasangan kunci dan nilai, Anda harus memisahkannya dengan koma diikuti dengan spasi. Dapat dilihat pada contoh di atas

Baca Juga.   Layanan Premium Gratis, Gak Bosan #dirumahaja

Meskipun kuncinya harus berupa string, Anda dapat menggunakan beberapa jenis data sebagai nilainya

Jenis Nilai JSON

• Rangkaian

String adalah data yang terdiri dari karakter uicode, seperti "Dirga" pada contoh di bawah ini

"nama". "Dirga"

• Obyek

Objek adalah sepasang kunci dan nilai. Seperti pada contoh sintaks tadi, objek dibuka dan ditutup dengan kurung kurawal. Jika ada lebih dari satu objek, masing-masing dipisahkan oleh koma dan spasi

"karyawan". {"nama". "Dirga", "asal". ”Bandung”}

Pada contoh di atas, semua yang ada di dalam kurung kurawal adalah objek yang bernilai "karyawan"

• Himpunan

Baca Juga.   Apa itu Phishing dan bagaimana cara mengatasinya

Array adalah sekelompok objek. Grup ini dibuka dan ditutup dengan tanda kurung siku []

"karyawan". [

{"nama". "Dirga", "asal". ”Bandung”},

{"nama". "Nana", "asal". ”Jogja”},

]

• Boolean

Boolean adalah tipe data yang hanya berisi pernyataan benar atau salah. Anda cukup memasukkan benar atau salah

"karyawan tetap". "Salah"

• Nomor

Seperti namanya, tipe ini berbentuk angka saja. Perhatikan bahwa angka tersebut harus berupa bilangan bulat atau bilangan bulat

Sintaks JSON berasal dari sintaks notasi objek JavaScript, tetapi format JSON hanyalah teks. Kode untuk membaca dan menghasilkan data JSON dapat ditulis dalam bahasa pemrograman apa pun

Contoh JSON

Sintaks JSON ini mendefinisikan objek karyawan. larik 3 merekam karyawan (objek)

Contoh

{
"employees":[
  {"firstName":"John", "lastName":"Doe"},
  {"firstName":"Anna", "lastName":"Smith"},
  {"firstName":"Peter", "lastName":"Jones"}
]
}

Format JSON dievaluasi menjadi 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 keriting melampirkan objek
• Kurung sudut melampirkan 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 titik dua, diikuti nilai

"firstName":"John"

Nama di JSON membutuhkan tanda kutip ganda. Nama dalam JavaScript tidak

Objek JSON

Objek JSON ditulis dalam kurung kurawal

Sama seperti di JavaScript, objek dapat berisi beberapa pasangan nama/nilai

{"firstName":"John", "lastName":"Doe"}

susunan JSON

Array di JSON ditulis 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 sebuah larik. Array berisi tiga objek

Setiap objek adalah catatan seseorang (dengan nama depan dan nama belakang)

Mengonversi Teks JSON ke Objek JavaScript

Penggunaan JSON yang umum adalah untuk membaca data dari server web, dan menampilkan data tersebut di halaman web

Sederhananya, penggunaan JSON dapat didemonstrasikan dengan menggunakan string sebagai input

Pertama, buat string JavaScript yang berisi sintaks JSON

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

Kemudian, gunakan fungsi JSON. parse() JavaScript bawaan untuk mengonversi string menjadi objek JavaScript

Jelaskan apa yang dimaksud dengan JSON JavaScript Object Notation?

Untuk apa JSON digunakan?

Apa 2 struktur yang membentuk JSON?

Apa itu XML dan JSON?