Extensible Markup Language (XML) dianggap sebagai satu-satunya pilihan untuk pertukaran data terbuka. Namun, perkembangan dalam berbagi data terbuka telah menghasilkan lebih banyak opsi . Jadi, mari kita bahas lebih dalam tentang Apa itu JSON dan apa perbedaannya dari JavaScript dalam urutan berikut:
- Apa itu JSON?
- Mengapa kami menggunakan JSON?
- JSON vs XML
- Aturan Sintaks
- Dasar-dasar JSON
- Ubah Objek JSON menjadi Teks JS
Apa itu JSON?
Notasi Objek JavaScript ( JSON ) adalah cara menyimpan informasi secara teratur dan mudah. Data harus dalam bentuk teks saat terjadi pertukaran antara browser dan server. Anda dapat mengonversi file Objek JavaScript ke JSON dan kirim JSON ke server.
Anda juga dapat mengonversi JSON apa pun yang diterima dari server menjadi benda. Ini membantu dalam bekerja dengan data sebagai objek JavaScript, tanpa penguraian dan terjemahan yang rumit.
Sekarang setelah Anda mengetahui apa itu JSON, mari kita lanjutkan dan lihat mengapa kita perlu menggunakannya dan apa saja keuntungan menggunakan JSON.
ubah desimal menjadi python biner
Mengapa kami menggunakan JSON?
JSON adalah ringan dan mudah digunakan jika dibandingkan dengan opsi pertukaran data terbuka lainnya. Namun, itu bukan satu-satunya alasan Anda harus menggunakannya untuk integrasi API Anda. Ini lebih disukai daripada opsi lain karena keuntungan berikut:
Less Verbose - Ini lebih gaya kompak dibandingkan dengan XML. Ini membuatnya lebih mudah dibaca. Itu ringan pendekatan JSON dapat membuat peningkatan signifikan saat bekerja dengan sistem yang kompleks.
Lebih cepat - Proses penguraian perangkat lunak XML lebih lambat dari JSON. Ini karena pustaka manipulasi DOM memerlukan lebih banyak memori untuk menangani file XML yang besar. JSON , di sisi lain, menggunakan lebih sedikit data yang mengurangi biaya dan meningkatkan kecepatan parsing .
Dapat dibaca - Struktur JSON adalah mudah dan mudah dibaca . Anda memiliki waktu yang lebih mudah untuk memetakan objek domain terlepas dari bahasa pemrograman yang Anda gunakan.
Data Terstruktur - JSON menggunakan file struktur data peta sedangkan XML memiliki struktur pohon. Pasangan kunci atau nilai dapat membatasi tugas Anda, tetapi Anda mendapatkan model data yang dapat diprediksi dan mudah dipahami.
JSON vs XML
Kedua XML dan JSON banyak digunakan saat ini. Mereka digunakan sebagai format pertukaran data dan keduanya telah diadopsi oleh aplikasi sebagai cara untuk menyimpan data terstruktur. Mari kita lihat perbedaan antara keduanya:
| JSON | XML |
JSON mudah dibaca dan ditulis. Ini juga mendukung Himpunan . File JSON lebih banyak bisa dibaca manusia dari XML. Ini hanya mendukung teks dan jumlah tipe data | XML kurang sederhana dibandingkan dengan JSON. Itu tidak mendukung array. File XML adalah kurang dapat dibaca manusia . Ini mendukung banyak tipe data seperti teks, angka, gambar, bagan, grafik , dll. |
Contoh JSON-
{'karyawan': [{'name': 'Lisa', 'email': 'lisa101@xyz.com'}, {'name': 'Neil', 'email': 'neilps@xyz.com'}, {'nama': 'Jai', 'email': 'jai87@xyz.com'}]}Contoh XML-
Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com
Aturan Sintaks
Itu JSON sintaksnya adalah a subset dari JavaScript sintaksis. Sintaks ini diturunkan dari sintaks notasi objek JavaScript dan terdiri dari aturan berikut:
- Data ditulis dalam nama atau nilai pasangan.
- Data adalah terpisah dengan koma.
- Keriting kawat gigi pegang benda.
- Tanda kurung siku pegang array.
Format JSON sangat mirip dengan objek JavaScript. Di sini, kunci harus berupa string, ditulis dengan tanda kutip ganda seperti:
{'nama': 'Susan'}Dasar-dasar JSON
Di JSON , nilai-nilai harus salah satu dari tipe data berikut:
- Tali
- Jumlah
- Objek (objek JSON)
- Array
- Boolean
- Batal
Tali
Di JSON , kunci harus berupa string, ditulis dengan tanda kutip ganda:
{'name': 'Mary'}Di JavaScript , kunci bisa berupa string, angka, atau nama pengenal:
{nama: 'Mary'}Objek
Objek JSON dikelilingi oleh tanda kurung kurawal {}. Mereka ditulis dalam pasangan kunci atau nilai dengan cara berikut:
{'name': 'Lisa', 'age': 23, 'car': BMW}Array
Array di JSON hampir sama dengan array di JavaScript. Dalam JSON, nilai array adalah tipe string, number, object, array, boolean atau null. Sedangkan, dalam JavaScript, nilai array dapat berupa semua di atas, ditambah ekspresi JavaScript valid lainnya, termasuk fungsi, tanggal, dan tidak ditentukan.
Array di JSON dapat berupa nilai properti objek. Ini didefinisikan sebagai:
{'name': 'Lisa', 'age': 23, 'cars': ['Ford', 'BMW', 'Fiat']}Ubah Objek JSON menjadi Teks JavaSCript
JSON biasanya digunakan untuk membaca data dari server web dan menampilkan data di halaman web. Ini juga dapat ditunjukkan dengan menggunakan string sebagai input.
Mari kita ambil contoh dan lihat bagaimana objek JSON dapat diubah menjadi teks Javascript menggunakan fungsi tersebut JSON.parse ():
Mengonversi Teks JSON menjadi Objek Javascript
Objek JSON: Penggunaan objek Javascript: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Di sini kami mengonversi JSON menjadi objek var obj = JSON.parse (jsonobj) document.getElementById ( 'example1'). innerHTML = obj.name + ', dengan id karyawan' + obj.employeeID + ', dan usia' + obj.age document.getElementById ('example'). innerHTML = jsonobj
Ini akan mengubah objek menjadi teks dan memberikan yang berikut ini Keluaran :
Dengan ini, kita sampai pada akhir artikel kita. Saya harap Anda mengerti apa itu JSON dan mengapa kita perlu menggunakan ini.
Sekarang setelah Anda tahu apa itu JSON, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Apa itu JSON?' dan kami akan menghubungi Anda kembali.