Tutorial JSON: Belajar dengan Contoh Sederhana

⚡ Ringkasan Cerdas

JSON, singkatan dari JavaScript Object Notation (SOT) adalah format ringan dan mudah dibaca manusia untuk menyimpan dan bertukar data terstruktur antara server dan aplikasi. Sumber daya ini menjelaskan sintaksisnya, tipe data, aplikasi di dunia nyata, dan perbedaan yang memisahkannya dari XML.

  • 🔑 Definisi Inti: JSON menyimpan informasi sebagai pasangan nama/nilai dan larik terurut, menggunakan kurung kurawal untuk objek dan kurung siku untuk larik.
  • 🧩 Tipe Data yang Didukung: Kuasai enam tipe data JSON—string, number, Boolean, null, object, dan array—untuk memodelkan hampir semua struktur.
  • Mengapa Tim Mengadopsinya: JSON diuraikan secara native di JavaSkrip ini berfungsi di semua browser dan terintegrasi dengan sebagian besar teknologi backend dan REST API.
  • 🔄 JSON versus XML: Dibandingkan dengan XML, JSON memiliki tipe data yang terstruktur, lebih mudah dibaca manusia, dan lebih cepat untuk diserialisasi, meskipun tidak memiliki kemampuan menampilkan markup.
  • Peralatan Praktis: Validasi, format, dan perkecil ukuran kode dengan utilitas seperti JSONLint, JSON Editor Online, dan JSON Formatter sebelum digunakan.

Tutorial JSON

Apa itu JSON?

JSON adalah format file yang digunakan untuk menyimpan informasi secara terorganisir dan mudah diakses. Bentuk lengkapnya adalah JavaNotasi Objek Skrip. Ia menawarkan kumpulan data yang dapat dibaca manusia yang dapat diakses secara logis. Ekstensi nama berkasnya untuk kode pemrograman tertulis adalah .json. Tipe media Internet untuk JSON adalah application/json, dan Uniform Type Identifier-nya adalah public.json.

Setelah definisi tersebut jelas, bagian selanjutnya akan menjelaskan mengapa pengembang memilih JSON dibandingkan format data lainnya.

Mengapa menggunakan JSON?

Berikut adalah manfaat/kelebihan penting menggunakan JSON:

  • Memberikan dukungan untuk semua browser
  • Mudah dibaca dan ditulis
  • Sintaks yang lugas
  • Anda dapat menguraikannya secara asli JavaSkrip menggunakan fungsi eval()
  • Mudah untuk dibuat dan dimanipulasi
  • Didukung oleh semua mayor JavaKerangka kerja skrip
  • Didukung oleh sebagian besar teknologi backend
  • JSON dikenali secara asli oleh JavaNaskah
  • Ini memungkinkan Anda untuk transmit dan melakukan serialisasi data terstruktur menggunakan koneksi jaringan.
  • Anda dapat menggunakannya dengan bahasa pemrograman modern.
  • JSON adalah teks yang dapat dikonversi ke objek apa pun JavaUbah skrip menjadi JSON dan kirim JSON ini ke server.

Sejarah JSON

Sejarah JSON
Tutorial JSON

Berikut adalah landmark penting yang membentuk sejarah JSON:

  • Douglas Crockford menentukan format JSON pada awal tahun 2000-an.
  • Situs 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.

Di luar rentang waktu tersebut, JSON juga menawarkan serangkaian fitur praktis yang menjelaskan popularitasnya yang bertahan lama.

Fitur JSON

Mudah digunakan – JSON API menawarkan fasad tingkat tinggi, yang membantu Anda menyederhanakan kasus penggunaan yang umum digunakan.

Performance – JSON cukup cepat karena menggunakan ruang memori yang sangat sedikit, sehingga sangat cocok untuk grafik atau sistem objek berukuran besar.

Alat gratis – Perpustakaan JSON bersifat open source dan gratis untuk digunakan.

Tidak perlu membuat petaping – API Jackson menyediakan peta defaultping untuk banyak objek yang akan diserialisasi.

Bersihkan JSON – Membuat hasil JSON yang bersih dan kompatibel serta 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
  • Kurung kurawal harus menahan benda
  • Tanda kurung siku berisi array

Tipe Data di JSON

Setelah aturan sintaks ditetapkan, tabel berikut mencantumkan tipe data penting yang digunakan dalam JSON:

Data Type Deskripsi
Jumlah Ini mencakup bilangan real, bilangan bulat, atau bilangan mengambang
String Terdiri dari teks atau Unicode apa pun yang dikutip ganda dengan escapement garis miring terbalik
Boolean Tipe data Boolean mewakili nilai Benar atau Salah
Null Nilai Null menunjukkan bahwa variabel terkait tidak memiliki nilai apa pun
obyek Ini adalah kumpulan pasangan kunci-nilai dan selalu dipisahkan dengan koma dan diapit tanda kurung kurawal.
susunan 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 jenis angka:

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

sintaks:

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

Contoh:

var obj = {salary: 2600}

String

Ini adalah serangkaian karakter Unicode yang diapit tanda kutip ganda dan memiliki garis miring terbalik (\).ping.

Tabel berikut menunjukkan berbagai jenis string:

Tipe Deskripsi
* Gunakan untuk tanda kutip ganda typing
/ Gunakan untuk solidus
\ Gunakan untuk solidus terbalik
B Gunakan untuk menambahkan spasi mundur
F Dari pakan
N Untuk membuat baris baru
R Gunakan untuk pengangkutan kembali
T Untuk menampilkan tab horizontal
U Digit heksadesimal

sintaks:

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

Contoh:

var obj = {name: 'Andy'}

Boolean

Ini hanya menyimpan nilai benar atau salah.

sintaks:

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

Contoh:

var obj = {active: 'true'}

susunan

  • Ini adalah kumpulan nilai yang terurut.
  • Anda harus menggunakan array ketika nama kuncinya adalah bilangan bulat berurutan.
  • Itu harus diapit dalam tanda kurung siku yang harus dipisahkan dengan ',' (koma)

sintaks:

[value, .......]

Contoh:

Menampilkan array yang menyimpan beberapa objek:

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

Objek JSON

A Objek JSON adalah entitas dalam JSON yang diapit tanda kurung kurawal. Entitas ini ditulis dalam rangkaian pasangan nama dan nilai yang tidak berurutan, di mana nama harus diikuti oleh “:” (titik dua), dan pasangan nama/nilai harus dipisahkan menggunakan “,” (koma). Entitas ini dapat digunakan saat nama kunci berupa string acak.

sintaks:

{ string :  value, ….. }

Contoh:

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

Ruang putih

Anda dapat menyisipkan spasi di antara sepasang token.

Contoh:

sintaks:

{string:"    ",….}

Contoh:

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

Contoh JSON

Contoh kode yang diberikan menjelaskan cara menggunakan JSON untuk menyimpan informasi terkait buku pemrograman beserta edisi dan nama pengarang.

{
   "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 file JSON lainnya. Di sini, JSON mendefinisikan nama depan, nama belakang dan id seorang siswa.

{
  "student": [

     {
        "id":"01",
        "name": "Tom",
        "lastname": "Price"
     },

     {
        "id":"02",
        "name": "Nick",
        "lastname": "Thameson"
     }
  ]
}

Penerapan JSON

Berikut adalah beberapa aplikasi umum JSON:

  • Membantu Anda mentransfer data dari server
  • Format file JSON sampel membantu dalam transmit dan melakukan serialisasi semua jenis data terstruktur.
  • Memungkinkan Anda melakukan panggilan data asinkron tanpa perlu melakukan penyegaran halaman
  • Membantu Anda untuk transmit transfer data antara server dan aplikasi web.
  • Ini banyak digunakan untuk JavaAplikasi berbasis skrip, yang mencakup ekstensi browser dan situs web.
  • Anda dapat transmit Data antara server dan aplikasi web dikirim menggunakan JSON.
  • Kita bisa menggunakan JSON dengan bahasa pemrograman modern.
  • Ini digunakan untuk menulis JavaAplikasi berbasis skrip yang menyertakan add-on peramban.
  • Layanan web dan Restful API menggunakan format JSON untuk mendapatkan data publik.

Karena JSON digunakan secara luas, format ini sering dibandingkan dengan XML, format yang sering digantikannya.

JSON vs XML

Inilah perbedaan utama antara JSON vs XML

JSON XML
Objek JSON memiliki tipe XML data tidak dapat diketik
Jenis JSON: string, angka, array, 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 dapat 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.
Mengambil nilai itu mudah Mendapatkan kembali nilai itu sulit
Didukung oleh banyak toolkit Ajax Tidak sepenuhnya didukung oleh toolkit Ajax
Cara deserialisasi/serialisasi yang sepenuhnya otomatis JavaNaskah. Pengembang harus menulis JavaKode skrip untuk membuat serial/membatalkan serial dari XML
Dukungan asli untuk objek. Objek harus diungkapkan dengan konvensi – sebagian besar melewatkan penggunaan atribut dan elemen.

Contoh JSON

Di bawah ini adalah contoh JSON sederhana:

{
  "student": [

     {
        "id":"01",
        "name": "Tom",
        "lastname": "Price"
     },

     {
        "id":"02",
        "name": "Nick",
        "lastname": "Thameson"
     }
  ]
}

Contoh XML

<?xml version="1.0" encoding="UTF-8" ?>
<root>
	<student>
		<id>01</id>
		<name>Tom</name>
		<lastname>Price</lastname>
	</student>
	<student>
		<id>02</id>
		<name>Nick</name>
		<lastname>Thameson</lastname>
	</student>
</root>

Apa itu JSON bukan?

  • Contoh file data JSON bukan format dokumen.
  • Ini bukan bahasa markup.
  • JSON tidak menyediakan format serialisasi umum.
  • Ini bukanlah struktur yang berulang atau bersiklus.
  • Ini juga bukan struktur yang tidak terlihat.

Kekurangan JSON

Berikut beberapa kelebihan JSON:

  • Tidak ada dukungan namespace, sehingga ekstensibilitasnya buruk
  • Terbatas alat pengembangan mendukung
  • Tidak ada dukungan untuk definisi tata bahasa formal

Alat JSON Populer (Add-on)

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, ketik langsung, atau masukkan URL Gunakan alat validator JSON untuk memvalidasi kode JSON Anda.

link: https://jsonlint.com

Editor JSON Daring:

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

link: https://jsoneditoronline.org/

Alat Pengecil JSON:

Ini adalah alat yang membantu Anda menghilangkan spasi dan memberikan kode JSON yang memakan ruang paling sedikit.

link: 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.

link: https://codebeautify.org/jsontoxml

Pemformat JSON:

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

link: https://jsonformatter.curiousconcept.com/

Pertanyaan Umum Demo Slot

Tidak. JSON adalah format pertukaran data, bukan bahasa pemrograman. JSON hanya menyimpan dan mengirimkan data terstruktur menggunakan sintaks berbasis teks. Bahasa pemrograman seperti... JavaNaskah, Python, dan Java Membaca dan menulis JSON.

JSON sendiri merupakan teks biasa dan aman. Risiko muncul saat mengurai input yang tidak tepercaya, terutama dengan metode eval() yang lama. Gunakan parser JSON standar, seperti JSON.parse(), dan validasi data untuk menghindari masalah injeksi.

JSON adalah format teks yang digunakan untuk menyimpan dan transmit Data. Sebuah objek JSON adalah satu struktur dalam format tersebut, yang ditulis di dalam kurung kurawal sebagai pasangan nama/nilai. Sebuah file JSON lengkap dapat berisi banyak objek dan array.

Sistem AI menggunakan JSON untuk mengirimkan perintah, menerima respons, dan bertukar parameter model. Sebagian besar API model bahasa besar menerima dan mengembalikan JSON, menjadikannya format standar untuk permintaan, keluaran terstruktur, dan konfigurasi data pelatihan.

Ya. Asisten AI dapat menghasilkan JSON dari deskripsi biasa dan memeriksanya untuk kesalahan sintaks. Banyak alat juga menerapkan skema, sehingga output tetap valid dan sesuai dengan struktur yang diharapkan aplikasi.

Ringkaslah postingan ini dengan: