Cara menggunakan JSONS di JavaScript

Karena keduanya sama, program JavaScript dapat dengan mudah mengubah data JSON menjadi objek JavaScript

aturan sintaks JSON

• Data untuk pasangan kunci/nilai
• Data dipisahkan dengan koma
• Simpan objek kawat gigi
• Simpan tanda kurung array

Data JSON - nama yang cocok dengan nilai

Format data JSON untuk pasangan kunci/nilai, seperti properti objek JavaScript

pasangan kunci/nilai menyertakan nama bidang (dalam tanda kutip ganda), diikuti titik dua, lalu nilainya adalah

objek JSON

Objek JSON disimpan dalam kurung kurawal

Seperti dalam JavaScript, sebuah objek dapat menyimpan lebih dari satu pasangan kunci/nilai

{ "Nama depan". "John", "nama belakang". "Kelinci betina"}

Susunan JSON

Array JSON yang disimpan dalam tanda kurung

Seperti dalam JavaScript, array dapat berisi objek

"Karyawan". [
{ "Nama depan". "John", "nama belakang". "Kelinci betina"},
{ "Nama depan". "Anna", "nama belakang". "Smith"},
{ "Nama depan". "Peter", "nama belakang". "Jones"}
]

Pada contoh di atas, objek "karyawan" adalah sebuah larik. Ini mengandung tiga hal

Setiap objek rekaman untuk seorang karyawan (nama depan dan belakang)

String JSON dikonversi menjadi objek JavaScript

Biasanya kami membaca data JSON dari server, dan menampilkan data tersebut di halaman Web

Untuk mempermudah, kami menyiapkan halaman web secara langsung string JSON (Anda juga dapat membaca tutorial JSON kami)

Pertama, buat string JavaScript, data karakter string dalam format JSON?

var teks = '{ "karyawan". [' +
'{ "Nama depan". "John", "nama belakang". "Doe"},' +
'{ "Nama depan". "Anna", "nama belakang". "Smith"},' +
'{ "Nama depan". "Peter", "nama belakang". "Jones"}]}';

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

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 dapat dibaca oleh manusia dan dimengerti oleh komputer

Selain itu, JSON merupakan format yang populer karena mudah dipahami, ringan, sederhana, dan menampilkan data terstruktur berdasarkan sintaks objek JavaScript. Karena itu, program JavaScript dapat mengonversi data JSON menjadi objek JavaScript asli tanpa parsing atau serialisasi

JSON juga populer karena kompatibel dengan banyak bahasa pemrograman, lingkungan, dan pustaka

Nah, kali ini kita akan membahas apa itu JSON dan menjelaskan pengertian serta cara mengelola data dengan JSON. Ingin tahu lebih banyak?

Apa Itu File JSON, Fungsinya, dan Kelebihannya

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

Format XML sekarang sudah cukup jarang digunakan karena sulit diubah menjadi objek JavaScript. Dibutuhkan ribuan baris kode dan banyak penyesuaian berdasarkan elemen tertentu yang perlu diuraikan

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

JSON menggunakan penguraian sisi server untuk meningkatkan daya tanggap. Prosesnya tidak memerlukan informasi awal tentang objek penguraian, sehingga JSON sekarang banyak digunakan sebagai format pertukaran data standar

Pengguna juga dapat meminta data dari berbagai domain dengan memanfaatkan metode yang disebut 'JSON padding' (JSONP), yang menggunakan fungsi callback untuk mengirimkan data JSON. Alhasil, pembatasan kebijakan same origin tidak lagi menjadi kendala

Penjelasan Sintaks JSON

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

Berikut adalah elemen inti dari sintaks JSON

• Data disajikan dalam pasangan kunci/nilai.
• Elemen data dipisahkan dengan koma
• Tanda kurung kurawal {} mendefinisikan objek
• Kurung sudut [] menunjukkan larik

Akibatnya, sintaks literal dari objek JSON akan terlihat seperti ini

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

Jenis Nilai JSON

Pada bagian ini, kita akan membahas tentang jenis atau jenis nilai JSON yang tersedia

Himpunan

Array adalah sekelompok nilai yang disusun secara berurutan. Nilai array dapat berisi objek JSON, yang berarti menggunakan konsep pasangan kunci/nilai yang sama. Misalnya seperti ini

{
"murid":[
{"namaDepan":"Toni", "namaBelakang":"Setiawan"},
{"namaDepan":"Linda", "namaBelakang":"Ayuningtyas"},
{"namaDepan":"Adam", "namaBelakang":"Raharjo"}
]
}

Informasi dalam tanda kurung siku membentuk larik yang terdiri dari tiga objek

Obyek

Objek dalam JSON terdiri dari pasangan yang berisi dua komponen

• Kunci adalah string, yang merupakan kumpulan karakter yang diapit oleh tanda kutip
• Nilai adalah tipe data JSON yang valid. Nilainya bisa berupa array, objek, string, boolean, angka, atau null

Titik dua ditempatkan di antara setiap kunci dan nilai, dengan koma yang memisahkan pasangan. Kedua komponen tersebut ditandai dengan tanda petik

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

Di sini, karyawan adalah kuncinya, sedangkan semua yang ada di dalam kurung kurawal adalah objeknya

Rangkaian

Nilai string terdiri dari urutan nol atau lebih karakter Unicode, dikelilingi oleh tanda kutip ganda

Misalnya seperti ini

{"namaDepan":"Toni"}

Contoh ini menunjukkan bahwa Toni adalah sebuah string karena terdiri dari sekelompok karakter yang diapit oleh tanda kutip ganda

Nomor

Angka dalam JSON harus bilangan bulat atau floating point

Sebagai contoh

{"umur":30}

Boolean

Boolean hanya terdiri dari dua jawaban, yaitu benar atau salah

Sebagai contoh

{"menikah":false)

Batal

Null adalah nilai kosong yang menunjukkan bahwa tidak ada informasi

Misalnya seperti ini

{"golonganDarah":null}

Cara Menyimpan Data JSON

Ada dua cara untuk menyimpan data JSON. objek dan array. Objek berisi sekelompok pasangan kunci/nilai, sedangkan array adalah daftar nilai

Pada bagian ini, kami akan menjelaskan lebih lanjut cara menyimpan data JSON menggunakan objek dan array

Menggunakan Objek

Objek JSON dimulai dan diakhiri dengan kurung kurawal, dan berisi pasangan kunci/nilai yang disebut properti. Setiap baris dipisahkan oleh koma dan ada titik dua antara setiap kunci dan nilai

Kuncinya harus berupa string, dan nilainya bisa berupa salah satu dari enam tipe data JSON yang tersedia. string, angka, objek, larik, boolean, atau nol

Perlu diingat bahwa objek JSON berbeda dengan objek yang bertipe data JSON. Objek JSON berfungsi sebagai metode penyimpanan data, sedangkan tipe data objek mewakili larik terkait dari pasangan kunci/nilai

Mari kita lihat contoh yang menunjukkan tiga pasangan kunci/nilai di bawah ini. Nama depan, Nama belakang, dan jenis kelamin adalah kuncinya, kemudian Toni, Setiawan, dan laki-laki adalah nilainya

Objek JSON yang dihasilkan akan terlihat seperti ini

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

Nilai yang digunakan adalah string, jadi semuanya diapit tanda kutip, sama seperti kuncinya

Menggunakan Array

Cara lain untuk menyimpan data JSON adalah dengan menggunakan array. Nilai diapit tanda kurung siku, dan setiap baris dipisahkan dengan koma. Setiap nilai dalam array JSON dapat memiliki tipe yang berbeda

Ingat, sama seperti objek tadi, array JSON berbeda dengan tipe nilai array, dimana nilai array terdiri dari sekelompok elemen dalam urutan yang biasanya berasal dari tipe yang sama juga.

Mari kita lihat contoh berikut

{
"namaDepan":"Toni",
"namaBelakang":"Setiawan",
"gender":"pria",
"hobi":[
"sepakBola", 
"membaca", 
"renang"
]
}

Pada contoh di atas, satu hal yang berbeda dari metode sebelumnya adalah pasangan kunci/nilai keempat. hobi adalah kuncinya, dan ada beberapa nilai (sepak bola, membaca, berenang) di dalam tanda kurung siku yang mewakili larik

Array dapat berguna saat dipasangkan dengan JSONP untuk mengatasi masalah lintas domain. Keduanya juga mendukung loop yang memungkinkan pengguna menjalankan perintah berulang untuk mencari data sehingga proses menjadi lebih cepat dan efektif

Pelajari JSON untuk Pengodean

Nah, berikut ini akan kami berikan beberapa contoh JSON dan penjelasan setiap elemennya untuk membantu Anda lebih memahami JSON.

{
  "namaKelas":"Kelas 2B",
  "tahun":2022,
  "nomorTelepon":null,
  "aktif":true,
  "waliKelas":{"namaDepan":"Ronny", "namaBelakang":"Rahmawan"},
  "anggota":[{
      "namaDepan":"Jeni","namaBelakang":"Roselani"},
      {"namaDepan":"Jani","namaBelakang":"Rosiani"},
      {"namaDepan":"Joni","namaBelakang":"Rustiandi"},
      ]
}

Penjelasan dari masing-masing pasangan JSON di atas adalah sebagai berikut

• Baris pertama, "Nama Kelas". "Kelas 2B" adalah string
• Pasangan kedua, “tahun”. 2022 memiliki nilai numerik
• Pasangan ketiga, “Nomor telepon”. null mewakili nol atau tidak ada nilai
• Pasangan keempat, "aktif". benar adalah ekspresi boolean
• Baris kelima "Wali kelas". {"Nama depan". ”Ronny”, “nama belakang”. ”Rahmawan”} mewakili objek literal
• Terakhir, skrip dari baris keenam ("anggota") dan seterusnya adalah sebuah larik

Situs web anti-lambat ekstra cepat. Dapatkan domain gratis dengan langganan hosting web 1 tahun. Pilih Hosting Web

Kesimpulan

JavaScript Object Notation (JSON) adalah format berbasis teks yang dapat dipahami dan dibaca oleh manusia dan dirancang untuk kebutuhan pertukaran data. JSON didukung oleh banyak bahasa pemrograman, lingkungan, dan pustaka

Selain itu, JSON terkenal memungkinkan pengguna untuk meminta data lintas domain menggunakan fitur JSONP. Apalagi format ini lebih sederhana dan lebih ringan dari XML

Sintaks JSON terdiri dari dua elemen inti. nilai yang memiliki enam tipe data, dan kunci yang berupa string

Dalam hal menyimpan data, JSON memiliki dua metode untuk melakukannya

• Obyek. Metode ini dimulai dan diakhiri dengan kurung kurawal, dan memiliki dua atau lebih pasangan kunci/nilai yang dipisahkan dengan koma. Tanda titik dua mengikuti setiap kunci untuk membedakannya dari nilai terkait
• Himpunan. Metode ini menggunakan kurung siku yang mengelilingi elemen, dipisahkan dengan koma juga

Setelah membaca artikel ini semoga kamu bisa lebih memahami apa itu JSON ya. Jika masih ada pertanyaan atau saran, silahkan tinggalkan di kolom komentar di bawah artikel ini. Sampai jumpa di artikel lainnya

Penulis

Faradilla A

Faradilla, lebih dikenal dengan Ninda, adalah Content Manager di Hostinger. Dia suka mengikuti tren seputar teknologi, pemasaran digital, dan belajar bahasa. Melalui tutorial Hostinger ini, Ninda ingin berbagi informasi dan membantu pembaca memecahkan masalah yang dialami

Kapan JSON digunakan?

Apa 2 struktur yang membentuk JSON?

Bagaimana cara membuka file JSON?

Untuk apa JSON digunakan secara khusus dalam pemrograman Android?