Apa Itu JSON?<\/h2>\n
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<\/strong> serta menggunakan teks yang sama-sama bisa dibaca oleh manusia dan dipahami oleh komputer.<\/p>\n <\/div>\n\n\n\n<\/p> 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.<\/p> JSON juga populer karena kompatibel dengan banyak bahasa pemrograman<\/a>, environment, dan library.<\/p> Nah, kali ini kami akan membahas apa itu JSON serta menjelaskan pengertian dan cara mengelola data dengannya. Mau tahu selengkapnya? Yuk lanjutkan membaca!<\/p> JSON adalah format yang menyimpan informasi terstruktur serta banyak digunakan sebagai alternatif yang lebih sederhana dan ringan dari XML (Extensive Markup Language).<\/p> 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).<\/p> Sebagai perbandingan, parser JSON hanya membutuhkan satu baris kode untuk mengubah teks menjadi JavaScript karena syntax keduanya sangat mirip.<\/p> 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.<\/p> 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<\/a> pun tidak lagi menjadi halangan.<\/p> Karena struktur JSON didasarkan pada syntax literal objek JavaScript, keduanya memiliki sejumlah kesamaan.<\/p> Berikut adalah elemen inti syntax JSON:<\/p> Hasilnya, syntax literal objek JSON akan terlihat seperti ini:<\/p> Di bagian ini, kami akan membahas jenis atau tipe nilai JSON yang ada.<\/p> Array<\/strong><\/p> 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:<\/p> Informasi dalam tanda kurung siku membentuk array yang terdiri dari tiga objek.<\/p> Objek<\/strong><\/p> Objek di JSON terdiri dari satu pair<\/strong> (pasangan) yang berisi dua komponen:<\/p> Tanda titik dua diletakkan di antara setiap key dan value, dengan koma yang memisahkan pasangan tersebut. Kedua komponen diberi tanda kutip.<\/p> Di sini, karyawan<\/strong> adalah key, sedangkan semua yang ada di dalam kurung kurawal adalah objeknya.<\/p> String<\/strong><\/p> Nilai string terdiri dari rangkaian karakter Unicode berjumlah nol atau lebih yang terurut, dengan tanda kutip ganda yang mengapitnya.<\/p> Contohnya seperti ini:<\/p> Contoh ini menunjukkan bahwa Toni<\/strong> merupakan string karena terdiri dari kumpulan karakter yang diapit di dalam tanda kutip ganda.<\/p> Number<\/strong><\/p> Number atau Angka dalam JSON harus berupa integer<\/strong> atau floating point<\/strong>.<\/p> Sebagai contoh:<\/p> Boolean<\/strong><\/p> Boolean terdiri dari dua jawaban saja, yaitu true<\/strong> (benar) atau false<\/strong> (salah).<\/p> Contohnya:<\/p> Null<\/strong><\/p> Null adalah nilai kosong yang menunjukkan bahwa tidak ada informasi apa pun.<\/p> Contohnya seperti ini:<\/p> Ada dua cara untuk menyimpan data JSON: objek dan array. Objek berisi kumpulan key\/value pair, sedangkan array berupa daftar nilai.<\/p> Di bagian ini, kami akan menjelaskan lebih lanjut cara menyimpan data JSON menggunakan objek dan array.<\/p> Objek JSON diawali dan diakhiri dengan tanda kurung kurawal, serta berisi key\/value pair yang disebut properti. Setiap barisnya dipisahkan oleh tanda koma serta ada tanda titik dua di antara setiap key dan value.<\/p> Key <\/strong>harus berupa string, dan value<\/strong> boleh berupa salah satu dari enam tipe data JSON yang ada: string, angka, objek, array, boolean, atau null.<\/p> Perlu diingat bahwa objek JSON<\/strong> berbeda dari objek yang merupakan tipe data JSON. Objek JSON berfungsi sebagai metode penyimpanan data, sementara tipe data objek mewakili array terkait dari key\/value pair.<\/p> Mari lihat contoh yang menunjukkan tiga key\/value pair di bawah ini. namaDepan<\/strong>, namaBelakang<\/strong>, dan gender<\/strong> merupakan key, lalu Toni<\/strong>, Setiawan<\/strong>, dan pria<\/strong> adalah nilainya.<\/p> Objek JSON yang dihasilkan akan menjadi seperti ini:<\/p> Nilai yang digunakan adalah string, sehingga semuanya diapit di dalam tanda kutip, seperti halnya key.<\/p> Cara lain untuk menyimpan data JSON adalah menggunakan array. Nilai diapit dalam tanda kurung siku, dan setiap baris dipisahkan oleh koma. Setiap nilai dalam array JSON boleh memiliki tipe yang berbeda-beda.<\/p> Ingat, sama seperti objek tadi, array JSON<\/strong> berbeda dari tipe nilai array, di mana nilai array terdiri dari kumpulan elemen dalam urutan yang biasanya berasal dari tipe yang sama juga.<\/p> Mari lihat contoh berikut:<\/p> Dalam contoh di atas, satu hal yang berbeda dari metode sebelumnya adalah key\/value pair keempat. hobi<\/strong> adalah key, dan ada beberapa value (sepak bola, membaca, berenang) di dalam tanda kurung siku yang mewakili sebuah array.<\/p> Array bisa berguna saat dipasangkan dengan JSONP untuk mengatasi masalah lintas domain. Keduanya juga mendukung for loop<\/a> yang memungkinkan user menjalankan perintah berulang untuk mencari data sehingga prosesnya menjadi lebih cepat dan efektif.<\/p> Nah, berikut ini, kami akan memberikan sedikit contoh JSON dan penjelasan setiap elemennya untuk membantu Anda lebih memahami JSON.<\/p> Penjelasan setiap pasangan (pair) JSON di atas adalah seperti berikut:<\/p> JavaScript Object Notation (JSON) adalah format berbasis teks yang bisa dipahami dan dibaca manusia serta dirancang untuk keperluan pertukaran data. JSON didukung oleh banyak bahasa pemrograman, environment, dan library.<\/p> Selain itu, JSON terkenal karena memungkinkan user meminta data di seluruh domain menggunakan fitur JSONP. Terlebih lagi, format ini lebih sederhana dan lebih ringan daripada XML.<\/p> Syntax JSON terdiri dari dua elemen inti: nilai (value) yang memiliki enam tipe data, dan kunci (key) yang berupa string.<\/p> Dalam hal menyimpan data, JSON memiliki dua metode untuk melakukannya:<\/p> Setelah membaca artikel ini, semoga Anda bisa lebih memahami apa itu JSON, ya. Kalau masih memiliki pertanyaan atau saran, silakan tinggalkan pada kolom komentar di bawah artikel ini. Sampai jumpa di artikel lainnya!<\/p>\n","protected":false},"excerpt":{"rendered":" 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. Nah, kali ini kami akan membahas […]<\/p>\nApa Itu File JSON, Fungsi, dan Kelebihannya<\/h2>
Penjelasan tentang Syntax JSON<\/h2>
\n
{\"key\":\"value\",\"key\":\"value\",\"key\":\"value\".}<\/pre>![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/penjelasan-json-value.jpg\/public\")
<\/figure>\n<\/div>Jenis-Jenis Nilai (Value) JSON<\/h3>
{\n\"murid\":[\n{\"namaDepan\":\"Toni\", \"namaBelakang\":\"Setiawan\"},\n{\"namaDepan\":\"Linda\", \"namaBelakang\":\"Ayuningtyas\"},\n{\"namaDepan\":\"Adam\", \"namaBelakang\":\"Raharjo\"}\n]\n}<\/pre>![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/apa-itu-json-array.jpg\/public\")
<\/figure>\n<\/div>\n
{\n\"karyawan\":{\n \"namaDepan\":\"Toni\",\n \"namaBelakang\":\"Setiawan\"\n}\n}<\/pre>![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengertian-json-object.jpg\/public\")
<\/figure>\n<\/div>{\"namaDepan\":\"Toni\"}<\/pre>{\"umur\":30}<\/pre>{\"menikah\":false)<\/pre>{\"golonganDarah\":null}<\/pre>Cara Menyimpan Data JSON<\/h2>
Menggunakan Objek<\/h3>
{\n\"namaDepan\":\"Toni\",\n\"namaBelakang\":\"Setiawan\",\n\"gender\":\"pria\"\n}<\/pre>Menggunakan Array<\/h3>
{\n\"namaDepan\":\"Toni\",\n\"namaBelakang\":\"Setiawan\",\n\"gender\":\"pria\",\n\"hobi\":[\n\"sepakBola\", \n\"membaca\", \n\"renang\"\n]\n}<\/pre>Belajar JSON untuk Coding<\/h2>
{\n \"namaKelas\":\"Kelas 2B\",\n \"tahun\":2022,\n \"nomorTelepon\":null,\n \"aktif\":true,\n \"waliKelas\":{\"namaDepan\":\"Ronny\", \"namaBelakang\":\"Rahmawan\"},\n \"anggota\":[{\n \"namaDepan\":\"Jeni\",\"namaBelakang\":\"Roselani\"},\n {\"namaDepan\":\"Jani\",\"namaBelakang\":\"Rosiani\"},\n {\"namaDepan\":\"Joni\",\"namaBelakang\":\"Rustiandi\"},\n ]\n}<\/pre>\n
![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=1024,h=1024,fit=scale-down\")
<\/a><\/figure>Kesimpulan<\/h2>
\n