Tutorial JSON: Belajar dengan CONTOH sederhana

Daftar Isi:

Anonim

Apa itu JSON?

JSON digunakan untuk menyimpan informasi dengan cara yang terorganisir dan mudah diakses. Bentuk lengkapnya adalah JavaScript Object Notation. Ini menawarkan kumpulan data yang dapat dibaca manusia yang dapat diakses secara logis.

Ekstensi nama file untuk kode pemrograman tertulis adalah

.json. Jenis Media Internet untuk JSON adalah application / json dan public.json adalah Uniform Type Identifier-nya. Ekstensi nama file adalah .json.

Dalam pengantar JSON untuk pemula ini, Anda akan mempelajari:

  • Apa itu JSON?
  • Mengapa menggunakan JSON?
  • Sejarah JSON
  • Fitur JSON
  • Jenis Data di JSON
  • Contoh JSON
  • Penerapan JSON
  • JSON vs. XML
  • Apa itu JSON bukan?
  • Kekurangan JSON
  • Alat JSON Populer (Pengaya)

Mengapa menggunakan JSON?

Berikut adalah keuntungan / keuntungan penting menggunakan JSON:

  • Berikan dukungan untuk semua browser
  • Mudah dibaca dan ditulis
  • Sintaks langsung
  • Anda dapat mengurai secara native dalam JavaScript menggunakan fungsi eval ()
  • Mudah dibuat dan dimanipulasi
  • Didukung oleh semua kerangka kerja JavaScript utama
  • Didukung oleh sebagian besar teknologi backend
  • JSON secara native dikenali oleh JavaScript
  • Ini memungkinkan Anda untuk mengirim dan membuat serial data terstruktur menggunakan koneksi jaringan.
  • Anda dapat menggunakannya dengan bahasa pemrograman modern.
  • JSON adalah teks yang dapat diubah menjadi objek JavaScript apa pun menjadi JSON dan mengirimkan JSON ini ke server.

Sejarah JSON

Berikut adalah landmark penting yang membentuk sejarah JSON:

  • Douglas Crockford menentukan format JSON di awal tahun 2000-an.
  • Situs web resminya diluncurkan pada tahun 2002.
  • Pada bulan Desember 2005, Yahoo! mulai menawarkan beberapa layanan webnya di JSON.
  • JSON menjadi standar internasional ECMA pada tahun 2013.
  • Standar format JSON terbaru diterbitkan pada tahun 2017.

Fitur JSON

‭‬ Mudah digunakan - JSON penawaran API tingkat tinggi fasad, yang membantu Anda untuk menyederhanakan umum digunakan digunakan-cases.‬ ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬ orang

Kinerja - JSON cukup cepat karena menggunakan ruang memori yang sangat sedikit, yang sangat cocok untuk grafik atau sistem objek yang besar.

Alat gratis - Pustaka JSON adalah sumber terbuka dan gratis untuk digunakan.

Tidak perlu membuat pemetaan - Jackson API menyediakan pemetaan default untuk banyak objek yang akan diserialkan.

Clean JSON - Menciptakan hasil JSON bersih dan kompatibel yang mudah dibaca.

Ketergantungan - Pustaka JSON tidak memerlukan pustaka lain untuk diproses.

Aturan untuk Sintaks JSON

Aturan untuk sintaks JSON adalah:

  • Data harus dalam pasangan nama / nilai
  • Data harus dipisahkan dengan koma
  • Kawat gigi keriting harus menahan benda
  • Tanda kurung siku menampung array

Jenis Data di JSON

Tipe data penting yang digunakan di JSON adalah:

Tipe data Deskripsi
Jumlah Ini termasuk bilangan real, integer atau bilangan mengambang
Tali Ini terdiri dari teks apa pun atau kutipan ganda Unicode dengan escapement garis miring terbalik
Boolean Tipe data Boolean mewakili nilai True atau False
Batal Nilai Null menunjukkan bahwa variabel terkait tidak memiliki nilai apa pun
Obyek Ini adalah kumpulan pasangan nilai kunci dan selalu dipisahkan dengan koma dan diapit oleh tanda kurung kurawal.
Himpunan Ini adalah urutan nilai yang dipisahkan.

Jumlah:

  • Angka tersebut adalah format floating-point presisi ganda yang bergantung pada metode implementasinya.
  • Di JSON Anda tidak dapat menggunakan format Heksadesimal dan Oktal.

Tabel berikut menampilkan tipe angka:

Tipe Deskripsi
Bilangan bulat Angka 1-9, dan 0. Baik angka positif maupun negatif.
Pecahan Pecahan seperti 3
Eksponen Eksponen seperti e, e +

Sintaksis:

var json-object-name = { string : number_value,… }

Contoh:

var obj = {salary: 2600}

Tali:

Ini adalah rangkaian karakter Unicode yang dikutip ganda dan memiliki garis miring terbalik keluar.

Tabel berikut menunjukkan berbagai jenis string:

Tipe Deskripsi
* Gunakan untuk mengetik kutip ganda
/ Gunakan untuk solidus
\ Gunakan untuk solidus terbalik
B Gunakan untuk menambahkan backspace
F Dari umpan
N Untuk membuat garis baru
R Gunakan untuk pengangkutan kembali
T Untuk menampilkan tab horizontal
U Digit heksadesimal

Sintaksis:

var json-object-name = { string : "string value",… }

Contoh:

var obj= {name: 'Andy'}

Boolean

Ini hanya menyimpan nilai benar atau salah.

Sintaksis:

var json-object-name = {string : true/false,… }

Contoh:

var obj = {active: 'true'}

Himpunan

  • Ini adalah kumpulan nilai yang teratur.
  • Anda harus menggunakan larik jika nama kuncinya adalah bilangan bulat berurutan.
  • Ini harus diapit di dalam tanda kurung siku yang harus dipisahkan oleh ',' (koma)

Sintaksis:

[value,… .]

Contoh:

Menampilkan larik yang menyimpan banyak objek:

{"eBooks":[{"language":"Pascal","edition":"third"},{"language":"Python","edition":"four"},{"language":"SQL","edition":"second"}]}

Obyek

  • Sebuah benda harus diapit tanda kurung kurawal,
  • Ini harus berupa kumpulan pasangan nama atau nilai yang tidak berurutan.
  • Nama harus diikuti dengan ": (titik dua) dan pasangan nama / nilai harus dipisahkan menggunakan "," (koma).
  • Anda dapat menggunakannya jika nama kunci adalah string arbitrer.

Sintaksis:

{ string : value,… }

Contoh:

{"id": 110, ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬"language": "Python","price": 1900,}

Spasi Putih

Anda dapat memasukkan spasi di antara sepasang token.

Contoh:

Sintaksis:

{string: ",… .}

Contoh:

var a = " Alex"; var b = "Steve";

Contoh JSON

Contoh kode yang diberikan mendefinisikan bagaimana menggunakan JSON untuk menyimpan informasi yang berkaitan dengan buku pemrograman bersama dengan edisi dan nama penulis.

{"book":[{"id":"444","language":"C","edition":"First","author":"Dennis Ritchie "},{"id":"555","language":"C++","edition":"second","author": Bjarne Stroustrup "}]}

Mari kita pahami format JSON dengan contoh lain. Di sini, JSON mendefinisikan nama depan, nama belakang, dan id siswa.

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

Penerapan JSON

Berikut beberapa aplikasi umum JSON:

  • Membantu Anda mentransfer data dari server
  • Format JSON membantu mengirimkan dan membuat serial semua jenis data terstruktur.
  • Memungkinkan Anda melakukan panggilan data asinkron tanpa perlu melakukan penyegaran halaman
  • Membantu Anda mengirimkan data antara server dan aplikasi web.
  • Ini banyak digunakan untuk aplikasi berbasis JavaScript, yang mencakup ekstensi browser dan situs web.
  • Anda dapat mengirimkan data antara server dan aplikasi web menggunakan JSON.
  • Kita bisa menggunakan JSON dengan bahasa pemrograman modern.
  • Ini digunakan untuk menulis aplikasi berbasis JavaScript yang menyertakan add-on browser.
  • Layanan web dan Restful API menggunakan format JSON untuk mendapatkan data publik.

JSON vs. XML

Inilah perbedaan utama antara JSON vs. XML

JSON XML
Objek JSON memiliki tipe Data XML tidak memiliki tipe
Jenis JSON: string, angka, larik, Boolean Semua data XML harus berupa string
Data mudah diakses sebagai objek JSON Data XML perlu diurai.
File JSON lebih mudah dibaca manusia. File XML kurang bisa dibaca manusia.
JSON didukung oleh sebagian besar browser. Penguraian XML lintas browser bisa jadi rumit
JSON tidak memiliki kemampuan tampilan. XML menyediakan kemampuan untuk menampilkan data karena merupakan bahasa markup.
Mendapatkan nilai itu mudah Mendapatkan nilai itu sulit
Didukung oleh banyak toolkit Ajax Tidak sepenuhnya didukung oleh Ajax toolkit
Cara yang sepenuhnya otomatis untuk deserialisasi / serialisasi JavaScript. Pengembang harus menulis kode JavaScript untuk membuat serial / de-serialisasi dari XML
Dukungan asli untuk objek. Objek harus diekspresikan oleh konvensi - kebanyakan melewatkan penggunaan atribut dan elemen.

Contoh JSON

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

Contoh XML

01TomPrice02NickThameson

Apa itu JSON bukan?

  • JSON bukan format dokumen.
  • Ini bukan bahasa markup.
  • JSON tidak menyediakan format serialisasi umum.
  • Ini bukan struktur berulang atau siklus.
  • Itu juga bukan struktur yang tak terlihat.

Kekurangan JSON

Berikut beberapa keunggulan JSON:

  • Tidak ada dukungan namespace, karena itu ekstensibilitas yang buruk
  • Dukungan alat pengembangan terbatas
  • Tidak ada dukungan untuk definisi tata bahasa formal

Alat JSON Populer (Pengaya)

Berikut adalah alat JSON yang penting:

JSONLint:

JSONLint adalah proyek sumber terbuka yang digunakan sebagai validator dan pemformat ulang untuk JSON. Ini adalah format pertukaran data yang ringan. Salin dan tempel, langsung ketik, atau masukkan URL di alat validator JSON untuk memvalidasi kode JSON Anda.

Tautan: https://jsonlint.com

JSON Editor Online:

JSON Editor Online adalah alat berbasis web yang berguna. Ini memungkinkan Anda untuk mengedit, melihat, dan memformat JSON. Ini menampilkan data Anda secara berdampingan dalam perangkat lunak editor kode yang jelas dan dapat diedit.

Tautan: https://jsoneditoronline.org/

Alat Pengecil JSON:

Ini adalah alat yang membantu Anda menghapus spasi dan memberikan kode JSON yang mengambil ruang paling sedikit.

Tautan: https://www.browserling.com/tools/json-minify

Konverter JSON ke XML:

Konverter JSON ke XML adalah alat sederhana dan efektif yang membantu Anda mengonversi kode JSON Anda.

Tautan: https://codebeautify.org/jsontoxml

JSON Formatter:

JSON formatter membantu Anda memecahkan masalah dengan memformat data JSON sehingga mudah dibaca dan di-debug oleh manusia.

Tautan: https://jsonformatter.curiousconcept.com/

Ringkasan:

  • Metode JSON digunakan untuk menyimpan informasi secara terorganisir dan mudah diakses.
  • JSON Memberikan dukungan untuk semua browser yang ditawarkan dalam banyak bahasa.
  • Douglas Crockford menentukan format JSON di awal tahun 2000-an
  • JSON API menawarkan fasad tingkat tinggi, yang membantu Anda menyederhanakan kasus penggunaan yang umum digunakan
  • Aturan penting dalam penulisan sistem JSON adalah data harus ditulis dalam pasangan nama / nilai.
  • Number, String, Boolean, Null, Object, dan Array adalah tipe data penting yang digunakan di JSON.
  • Ini membantu Anda mentransfer data dari server.
  • Objek JSON memiliki tipe sedangkan data XML tidak memiliki tipe
  • JSON bukan format dokumen
  • Tidak ada dukungan namespace, karena itu ekstensibilitas yang buruk
  • JSONLint adalah proyek sumber terbuka yang digunakan sebagai validator dan pemformat ulang untuk JSON.