author Ahmad Muhardian

JSON itu Apa Sih? dan Apa Gunanya dalam Pemrograman?


Apa itu JSON, dan apa gunanya dalam pemrograman?

Bagi yang baru mendengar JSON, mungkin akan bertanya:

“JSON itu apa sih? dan apa gunanya dalam pemrograman? lalu cara menggunakannya bagaimana?”

Saya juga demikian.

Pada awalnya saya belum paham, apa itu JSON dan bagaimana perannanya dalam dunia pemrograman.

Tapi setelah melewati berbagai macam eksperimen, akhirnya bisa paham.

Apapun bahasa pemrograman yang akan kamu gunakan…

…wajib hukumnya memahami JSON.

Karena JSON banyak digunakan dalam membuat aplikasi dan digunakan di hampir semua bahasa pemrograman.

Pada kesempatan ini, kita akan membahas dasar-dasar JSON yang harus kamu ketahui.

Cukup ketahui 5 hal ini saja:

Apa itu JSON?

Kita mulai dari pengertian JSON dulu…

JSON (JavaScript Object Notation) adalah sebuah format data yang digunakan untuk pertukaran dan penyimpanan data.1

Kata kunci yang perlu diingat: “pertukaran & penyimpanan data”

JSON merupakan bagian (subset) dari Javascript. JSON bisa dibaca dengan berbagai macam bahasa pemrograman seperti C, C++, C#, Java, Javascript Perl, Python, dan banyak lagi.

Hal ini membuat JSON menjadi bahasa yang ideal untuk perturakan data antar aplikasi.

JSON bahkan mendominasi pendahulunya si XML (eXtensible Markup Language)

Kalau dibandingkan dengan XML, JSON lebih sederhana dan mudah dibaca.

Perbandingan JSON dengan XML

Oleh sebab itu, lebih banyak yang menggunakan JSON daripada XML.

Berikut ini grafik penggunaan JSON dibandingkan dengan XML, YAML, CSV, dan protocol-buffers.

Grafik penggunaan JSON di Dunia

Sejarah Singkat JSON

JSON pertamakali dipopulerkan oleh Douglas Crockford. Seorang software engineer yang juga terlibat dalam pengembangan bahasa pemrograman Javascript.2

Doglas Crockford
Doglas Crockford

JSON tidak ditemukan oleh satu orang saja. Dulu namanya belum JSON…

Artinya kata “JSON” belum ada. Orang-oarang hanya mengenal Objek Javascript yang dikirim melalui jaringan.

Sejak meledaknya teknologi AJAX pada tahun 2000. JSON mulai diperkenalkan dan pada tahun 2001, domain json.org mulai mengudara.

Hingga saat ini JSON banyak digunakan di mana-mana.

Penerapan JSON dalam Pemrograman

JSON biasanya digunakan sebagai format standar untuk bertukar data antar aplikasi.

Pertukaran data antar aplikasi dengan JSON

Tapi sebenarnya tidak hanya itu saja, masih ada fungsi lain dari JSON.

Berikut ini beberapa penerapan JSON yang pernah saya temui:

Struktur Dasar JSON

Coba perhatikan stuktur JSON ini.

Struktur dasar JSON

Ini adalah struktur paling sederhana…

JSON selalu dimulai dengan tanda kurung kurawal { dan ditutup dengan kurung }.

Lalu di dalam kurung kurawal, berisi data yang format key dan value. Jika terdapat lebih dari satu data, maka dipisah dengan tanda koma dan di data terakhir tidak diberikan koma.

Format JSON objek

Lalu key dan valude dipisah dengan titik dua.

Oh iya, untuk value…

Kita bisa memberikan tipe data apa pun. Bahkan juga bisa kita isi dengan array dan objek.

Berikut ini tipe data yang didukung oleh JSON.

Tipe data yang didukung oleh JSON

Nah untuk array, ia dibuat dengan tanda kurung siku [...].

Array pada JSON

Contohnya seperti ini:

{
    "name": "Dian",
    "hobbies": ["Coding", "Blogging", "Drawing"]
}

…dan untuk objek contohnya seperti ini:

{
    "name": "petanikode",
    "url": "https://www.petanikdoe.com",
    "rank": 1,
    "socialmedia": {
        "facebook": "petanikode",
        "twitter": "petanikode",
        "instagram": "petanikode",
        "youtube": "petanikode",
        "github": "petanikode"
    }
}

Perhatikan pada key socialmedia di sana kita memberikan nilainya dengan objek.

Cara Produksi dan Konsumsi Data JSON

Setiap bahasa pemrograman memiliki cara yang berbeda-beda untuk memproduksi (membuat) dan mengkonsumsi data JSON.

Pada Javascript, kita bisa gunakan fungsi JSON.stringify() untuk membuat JSON dari objek Javascript.

Contoh:

// objek javascript
var person = {
    name: "Dian",
    age: 23
}

// string JSON
var jsonString = JSON.stringify(person);

// maka akan menghasilkan:
// {"name":"Dian","age":23}

Pada Java, kita bisa menggunakan library Gson untuk melakukan serialisasi (membuat) dan deserialisasi data JSON.

Serialisasi dan deserialisasi JSON

Pada bahasa pemrograman Python, kita dapat menggunakan modul json untuk membuat dan membaca (konsumsi) data JSON.

Contoh:

>>> import json
>>> json.dumps(['foo', {'bar': ('baz', None, 1.0, 2)}])
'["foo", {"bar": ["baz", null, 1.0, 2]}]'
>>> print json.dumps("\"foo\bar")
"\"foo\bar"
>>> print json.dumps(u'\u1234')
"\u1234"
>>> print json.dumps('\\')
"\\"
>>> print json.dumps({"c": 0, "b": 0, "a": 0}, sort_keys=True)
{"a": 0, "b": 0, "c": 0}
>>> from StringIO import StringIO
>>> io = StringIO()
>>> json.dump(['streaming API'], io)
>>> io.getvalue()
'["streaming API"]'

Contoh lagi:

import json

# dictionary
person = {
    "name": "Dian",
    "age": 23
}

# Membuat JSON dari dictionary
json.dumps(person)

# Maka akan menghasilkan:
# '{"age": 23, "name": "Dian"}'

Pada bahasa pemrograman PHP, kita bisa menggunakan fungsi json_encode() untuk menghasilkan JSON dari Array asosiatif dan fungsi json_decode() untuk mengubah JSON menjadi Array.

Contoh:

<?php

// data dengan array assosiatif
$person = [
    "name" => "Dian",
    "age" => 23
];

// membuat JSON dari array
echo json_encode($person);

// maka akan menghasilkan:
// {"name":"Dian","age":23}
?>

Intinya, setiap bahasa pemrograman memiliki fungsi, modul, dan library tersendiri untuk membuat dan membaca data JSON.

Berikut ini daftar tutorial yang bisa kamu baca:

  1. Cara Serialisasi dan Deserialisasi data JSON di Java dengan menggunakan GSON
  2. Cara Parsing data JSON di Python
  3. Cara Parsing data JSON di PHP
  4. Cara Parsing data JSON di Javascript.

Apa Selanjutnya?

Sekarang kita sudah kenal, apa itu JSON dan bagaimana penggunaannya dalam pemrograman.

Tentu ini masih belum cukup…

Karena itu, silahkan lanjutkan belajar tentang JSON secara mandiri melalui dokumentasi resmi ataupun tutorial di sini.

Baca Juga ini

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Mengenal HTML5 Canvas untuk Pemrograman Grafis dan Game

Sebelum kedatangan HTML5, Game dan elemen multimedia lainnya disajikan dalam browser menggunakan Flash. Banyak game berbasis Flash yang bisa dimainkan melalui browser. Bahkan Flash juga digunakan untuk memutar video. Seingat saya dulu…tanpa Flash Player, kita tidak bisa memutar video di Youtube. Namun semuanya berubah setelah kedatangan HTML5… 1 HTML5 membawa banyak elemen baru yang menggantikan tugas Flash dalam browser. Salah satunya adalah canvas.

Belajar Python: Cara Proses Data JSON dengan Python (dari File dan Web API)

Belajar Python: Cara Proses Data JSON dengan Python (dari File dan Web API)

Mau tau cara proses data JSON di Python? baca tutorial ini! Pada tutorial ini, kamu akan belajar cara membaca JSON dari file dan web API

Cara Menggunakan Plug-in Data Tables untuk Membuat Tabel Dinamis

Cara Menggunakan Plug-in Data Tables untuk Membuat Tabel Dinamis

Data Tables merupakan sebuah plug-in jQuery untuk memanipulasi data dalam tabel HTML. Data Tables memungkinkan kita melakukan membuat tabel dengan fitur pencarian, membuat pagination, menampilkan data sebanyak yang kita mau, mengambil data dari ajax, dsb. 1. Menyisipkan Data TablesPlug-in Data Tables yang saya gunakan pada tulisan ini adalah versi online melalui CDN. Bila anda ingin menggunakan versi offline, silahkan di-download dulu Data Tables-nya di https://datatables.net/download/index.

Tutorial Google Maps API: Membuat Marker untuk Menandai Lokasi

Tutorial Google Maps API: Membuat Marker untuk Menandai Lokasi

Marker sering digunakan untuk menandai sebuah lokasi. Biasanya sering digunakan dalam membuat aplikasi Geolocation. Pada kesempatan ini, kita akan belajar membuat marker di Google Maps dan melakukan beberapa modifikasi. Kamu bisa menggunakan contoh kode sebelumnya untuk uji coba. Sudah siap? Mari kita mulai… googletag.cmd.push(function () { googletag.display('div-gpt-ad-multibanner1'); }); Mengenal Objek MarkerMarker merupakan sebuah objek yang bisa kita buat dengan kode berikut: var marker = new google.

Belajar Javascript: Apa itu DOM API? dan Bagaimana Cara Menggunakanya?

Belajar Javascript: Apa itu DOM API? dan Bagaimana Cara Menggunakanya?

Saat kamu memutuskan akan belajar Javascript, maka wajib hukumnya memahami tentang DOM. DOM merupakan metode yang digunakan oleh Javascript untuk...

Belajar Javascript #6: Enam Jenis Operator yang Wajib Kamu Ketahui di Javascript

Belajar Javascript #6: Enam Jenis Operator yang Wajib Kamu Ketahui di Javascript

Operator merupakan hal dasar yang harus dipahami dalam pemrograman. Pada tutorial ini, kita akan belajar dan mengenal 6 jenis operator di Javascript.