As Luke notes in the comments, Show
Mechanics of this have since been covered by other answers here, so I won't go through it all. A few other points: You're trying to use an arrow function to define the standard React function You're trying to check on whether your JSON contains the key with
but I don't see a need for the
Finally, in your HTML, the line
is attempting to set the value of JSON adalah turunan JavaScript yang digunakan dalam transfer dan penyimpanan data. Kekinian, bahasa ini sering dimanfaatkan dalam pembuatan aplikasi web. Nah, di artikel ini, Anda tidak hanya diajak untuk memahami pengertiannya saja. Anda juga akan belajar tentang fungsi, syntax, dan cara menggunakannya. Yuk, simak bersama! Apa Itu JSON?Seperti yang tadi disebutkan, JavaScript object notation atau JSON adalah format yang digunakan untuk menyimpan dan mentransfer data. Berbeda dengan XML (extensive markup language) dan format lainnya yang memiliki fungsi serupa, JSON memiliki struktur data yang sederhana dan mudah dipahami. Itulah mengapa JSON sering digunakan pada API. JSON sendiri terdiri dari dua struktur, yaitu:
JSON juga tidak hanya dapat digunakan dengan JavaScript. Berikut ini adalah beberapa bahasa pemrograman lain yang mendukung penggunaan format tersebut:
Baca Juga: 15+ Bahasa Pemrograman yang Wajib Dipelajari Developer Fungsi JSONFungsi JSON kurang lebih sama dengan XML. Sebelum JSON diciptakan, format bahasa markup ini sering digunakan dengan JavaScript dalam AJAX (asynchronous JavaScript and XML) untuk penyimpanan dan perpindahan data. Berkat gabungan keduanya, developer dapat membuat halaman website di mana informasinya dapat diperbarui tanpa harus memuat ulang halaman tersebut. Ini sudah menjadi hal yang umum, terutama dengan menjamurnya tren aplikasi web. Nah, JSON memiliki fungsi yang sama. Bedanya, ia memiliki beberapa keunggulan yang membuatnya lebih sering digunakan daripada XML, termasuk:
Agar Anda paham dengan ketiga keunggulan tersebut, mari simak contoh yang ada di poin berikutnya. Perbandingan JSON dan XMLSeberapa sederhanakah kode JSON jika dibandingkan dengan kode XML? Untuk mengetahuinya, Anda dapat memperhatikan kedua contoh di bawah ini. Contoh pertama adalah kode XML.
Nah, berikut ini adalah contoh kode JSON.
Dapat Anda lihat bahwa kode JSON lebih ringkas karena tidak memerlukan tag pembuka dan penutup. Dengan demikian, kodenya juga lebih mudah dipahami. Di samping itu, kelebihan ini juga memberikan dua manfaat lainnya, yaitu:
Baca Juga: Cara Install Node.js dan NPM di Ubuntu 18.04 Cara Menggunakan JSONAda dua hal yang perlu Anda pelajari agar dapat menggunakan JSON, yaitu syntax (cara penulisan) dan jenis value-nya. Untuk memahami keduanya, simak penjelasan di bawah ini. Syntax JSONPada contoh di bagian sebelumnya memang menunjukkan bahwa JSON memiliki struktur kode yang sederhana. Namun, mari lihat contoh yang lebih simpel lagi agar Anda tahu apa saja yang ada dalam syntax-nya:
JSON selalu dibuka dan ditutup dengan tanda {} atau kurung kurawal. Syntax-nya terdiri dari dua elemen, yaitu key dan value. Keduanya dipisahkan oleh titik dua agar jelas. Contoh key adalah “city”, sedangkan “New York” adalah contoh value. Keduanya selalu dibuka dan ditutup dengan tanda kutip ganda. Perlu Anda ingat bahwa kedua tidak ada spasi di antara kedua elemen tersebut. Apabila ada lebih dari satu pasang key dan value, Anda perlu memisahkannya dengan tanda koma yang diikuti spasi. Ini dapat Anda lihat pada contoh di atas. Nah, meskipun key harus berupa string, Anda dapat menggunakan beberapa jenis data sebagai value-nya. Apa saja itu? Mari kita bahas di bagian selanjutnya. Jenis-Jenis Value JSONSetidaknya ada enam jenis data yang dapat digunakan sebagai value JSON, yaitu:
StringString adalah data yang terdiri dari karakter unicode, seperti “Anton” pada contoh di bawah ini.
ObjectObject adalah sepasang key dan value. Seperti pada contoh syntax tadi, object dibuka dan ditutup dengan kurung kurawal. Jika ada lebih dari satu object, masing-masing dipisahkan oleh koma dan spasi.
Pada contoh di atas, semua yang ada di dalam kurung kurawal adalah object yang merupakan value dari “karyawan”. ArrayArray adalah kumpulan object. Kumpulan ini dibuka dan ditutup dengan kurung siku [].
BooleanBoolean adalah jenis data yang hanya berisikan pernyataan benar atau salah. Anda hanya tinggal memasukkan true atau false, seperti pada contoh berikut ini:
NumberSeperti namanya, jenis data ini berupa angka saja. Dengan catatan, angkanya harus merupakan integer atau angka bulat. Artinya, 21,8 atau √2 tidak dapat dijadikan sebagai value . Contoh penggunaannya seperti di bawah ini:
NullJika sebuah key tidak memiliki value, Anda dapat mengetikkan null. Contohnya seperti pada kode berikut:
Baca juga: Mengenal Express.js: Pengertian, Cara Kerja, Keunggulan, Tutorial Membuat Nested Objects dan Nested ArraysAnda dapat membuat nested object dan nested array dalam kode JSON. Untuk memahami penggunaannya, amati kedua contoh yang dibahas pada bagian ini. Pertama, mari perhatikan contoh nested object berikut:
Pada contoh tersebut, “hobi1”, “hobi2”, dan “hobi3” merupakan value dari key “hobi”. Perhatikan bahwa ketiga value tersebut ada di dalam kurung kurawal. Dengan demikian, “hobi” beserta ketiga value-nya merupakan object di dalam object. Penggunaan nested array tidak jauh berbeda. Perhatikan contoh di bawah ini:
Pada contoh di atas, “berenang”, “melukis”, dan “jogging adalah array yang merupakan value dari “hobi”. Mudah, bukan? Baca Juga : Next.js: Pengertian, Cara Kerja, dan Tutorial Project Next.js Siap Mencoba Menggunakan JSON?JSON adalah format yang digunakan dalam penyimpanan dan transfer data, terutama dalam aplikasi web. Format ini makin sering digunakan karena struktur kode yang lebih ringkas dan mudah dipahami daripada XML. Nah, tadi Anda telah diajak untuk mengenali syntax dasar, jenis-jenis value, serta cara menggunakan nested object dan array dengan JSON. Kami harap artikel ini dapat membantu Anda untuk belajar JSON. Apabila ada pertanyaan, jangan sungkan untuk meninggalkan komentar pada kolom yang tersedia di bawah artikel ini. Kapan JSON digunakan?Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan tradisional format XML.
Apa itu JSON JS?JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999.
Apa itu JSON dan contohnya?JSON (JavaScript Object Notation) adalah sebuah format untuk menyimpan dan menukar informasi yang dapat dibaca oleh manusia. Filenya hanya memuat teks dan berekstensikan .json. Pada artikel ini, Anda akan mempelajari tentang apa itu JSON, kegunaannya, dan juga bagaimana JSON dapat meningkatkan performa website Anda.
Apa kepanjangan dari JSON?Saat ini pengunaan JSON dalam dunia web development sudah merupakan hal yang biasa bahkan menjadi standar dalam pertukaran data di web development. Dilihat dari kepanjangan JSON yaitu JavaScript Object Notation, JSON sebenarnya diturunkan dari bahasa pemrograman Java Script, akan tetapi format ini tersedia bagi banyak ...
|