JSON: Pengertian, Fungsi, Syntax hingga Cara Kerjanya

JavaScript Object Notation atau yang sering disingkat dengan sebutan JSON adalah format pertukaran data berbasis text yang digunakan untuk pertukaran data antara server dengan client dalam aplikasi berbasis web.

Melalui artikel ini, Anda akan mempelajari banyak hal tentang JSON, mulai dari pengertian, fungsi, contoh Syntax, hingga cara kerjanya. Mari simak informasi selengkapnya. 

Apa itu JSON?

JSON adalah format file yang sering digunakan untuk pertukaran data antara client dengan server. Penggunaan JSON banyak ditemui saat Anda berprofesi sebagai web Developer karena JSON banyak digunakan untuk API.

JSON kompatibel dengan banyak bahasa pemrograman ( C, C++, Python, JavaScript, Java,Perl, PHP, dll) , environment, dan juga library. Semakin tertarik belajar JSON?

Syntax JSON terlihat sederhana, dapat dipahami dengan mudah oleh manusia, dan juga mesin. JSON diketahui lebih ringan dari pada format pertukaran data yang menggunakan XML. 

Fungsi

JSON memiliki fungsi utama yang mirip dengan XML, yaitu digunakan untuk pertukaran dan penyimpanan data. Perbedaannya, JSON memiliki beberapa keunggulan sehingga lebih sering digunakan karena struktur code JSON lebih sederhana dan lebih ringan ketiga digunakan.

Berikut ini adalah lima fungsi utama JSON (JavaScript Object Notation):

1. Pertukaran Data Antara Sistem: JSON membantu untuk menukar data antara aplikasi dan server karena formatnya dangkal dan lebih mudah dibaca.
2. Penyimpanan Data: JSON dapat menerapkan penyimpanan data dalam file atau sistem manajemen basis data relasional (format terstruktur).
3. Modifikasi Perilaku Aplikasi Melalui Remote Control: JSON sangat cocok untuk membawa data dinamis dalam aplikasi web tanpa memuat ulang halaman (yaitu menggunakan AJAX).
4. Representasi Data Generik: JSON menyediakan skema standar – tidak bertele-tele, cukup mudah dibaca manusia, dan mudah diurai melalui berbagai bahasa pemrograman.
5. Integrasi Lintas Platform: Hampir semua bahasa pemrograman modern seperti JavaScript, Python, PHP, Java, dll. menggunakan JSON yang membuat integrasi teknologi relatif lebih mudah.

Syntax JSON

Berikut ini perbandingan antara Syntax JSON vs syntax XML secara sederhana.

<users>
    <user>
        <username>Anggit</username> <lokasi>Solo</lokasi>
    </user>
    <user>
        <username>Joni</username> <lokasi>jogja</lokasi>
    </user>
    <user>
        <username>Deni</username> <lokasi>Jakarta</lokasi>
    </user>
</users>

Bila diubah ke bentuk JSON menjadi sebagai berikut. 

{
  "users": [
    {
      "username": "Anggit",
      "lokasi": "Solo"
    },
    {
      "username": "Joni",
      "lokasi": "Jogja"
    },
    {
      "username": "Deni",
      "lokasi": "Jakarta"
    }
  ]
}

Keterangan:

Elemen <users> diubah menjadi array users yang berisi objek-objek user. Kemudian setiap objek user berisi pasangan kunci-nilai untuk username dan lokasi.

Berikut adalah table perbandingan antara json dan xml.

Cara Kerja Penyimpanan data JSON

Berikut cara kerja penyimpanan data JSON melibatkan:

1. Pembuatan Struktur Data: Mengatur data dalam bentuk objek atau array.
   
   Struktur data biasanya dibuat dalam bentuk array atau object, disesuaikan dengan format JSON. Contoh bila menggunakan JavaScript. 

let pengguna = {
    username: "Anggit",
    lokasi: "Solo"
};

2. Konversi ke JSON: Mengonversi objek atau array menjadi string JSON.
   
   Selanjutnya melakukan konversi ke dalam bentuk string JSON. Dalam langkah ini bisa diproses sesuai bahasa pemrograman yang digunakan.
   
   Contoh bila menggunakan JavaScript. 

let jsonString = JSON.stringify(pengguna);

Keterangan:

Pada contoh ini ‘JSON.stringify(pengguna)’ melakukan konversi object ‘pengguna’ menjadi string JSON untuk dapat disimpan ataupun dikirim.

3. Penyimpanan Data JSON: Menyimpan string JSON ke dalam media penyimpanan seperti local storage, file, atau database.
   
   Selanjutnya string JSON dapat disimpan dalam berbagai media penyimpanan. 

• Local Storage Browser
  Sebagai contoh, ini dilakukan di Javascript.

localStorage.setItem("pengguna", jsonString);

• File JSON
  Data JSON disimpan dalam format file .json

import json

with open('user_data.json', 'w') as file:
    json.dump(user, file)

4. Pembacaan dan Parsing: Membaca dan mengurai data JSON kembali menjadi objek atau array untuk digunakan.

• Local Storage Browser
  Sebagai contoh, ini dilakukan di Javascript.

let retrievedData = localStorage.getItem("user");
let userObject = JSON.parse(retrievedData);
console.log(userObject.username); // Output: Anggit

• Membaca File JSON

Bila menggunakan Python:

with open('user.json', 'r') as file:
    user = json.load(file)
print(user['username'])  # Output: Anggit

5. Manipulasi dan Penggunaan Data: Menggunakan dan memodifikasi data sesuai kebutuhan aplikasi.

Data JSON dapat dikembalikan ke bentuk Object atau Array untuk selanjutnya dapat dimanipulasi. Contoh dalam bentuk JavaScript:

userObject.lokasi = "Jakarta";  // Mengubah lokasi
console.log(userObject.lokasi); // Output: Jakarta

Dengan cara ini, JSON menyediakan metode yang efisien dan mudah untuk menyimpan dan mengelola data dalam berbagai aplikasi.

Belajar JSON Dasar

Sampailah kita pada pembahasan belajar JSON dasar. 

1. Struktur Data JSON

JSON memiliki 2 struktur data. 

• Struktur Data Object:
  ‘{ }’ Struktur data object diapit oleh kurung kurawal. 
• Struktur Data Array:
  ‘[ ]’ Struktur data array diapit oleh kurung siku.

2. Element JSON

• Object JSON

Object JSON berisi kumpulan kunci dan nilai. Kunci berupa String sedangkan Nilai bisa berupa string, angka, object lain, array atau bisa juga ‘null’.

{
  "name": "Rudi",
  "age": 30,
  "isStudent": true
}

• Array JSON

Array berupa nilai. Nilai-nilainya bisa menggunakan format data apapun yang valid di dalam JSON. 

[
  "Apel",
  "Pisang",
  "Cherry"
]

3. Penulisan JSON

Berikut ini aturan dasar dalam menulis JSON antara lain. 

• Kunci dibuat menggunakan format string yang diapit oleh tanda petik. 
• Nilai bisa berupa tipe data apapun yang valid di JSON (string, angka, boolean, array, objek, atau null). 
• Setiap pasangan kunci nilai, dipisahkan dengan tanda koma.
• Tidak ada komentar di JSON.

Contoh JSON sederhana:

{
  "name": "Rudi",
  "age": 30,
  "hobbies": ["Reading", "Traveling", "Gaming"],
  "address": {
    "street": "Jalan Raya",
    "city": "Jogja",
    "state": "ID"
  }
}

4. Cara Menggunakan JSON

• Mengonversi Object ke JSON

Anda dapat mengkonversi Object ke string JSON menggunakan bahasa pemrograman. Sebagai contoh, bila menggunakan JavaScript. 

let person = {
  name: "Rudi",
  age: 28,
  hobbies: ["Reading", "Traveling", "Gaming"]
};

let jsonString = JSON.stringify(person);
console.log(jsonString);

Output yang dihasilkan berupa string JSON.

{"name":"Rudi","age":28,"hobbies":["Reading","Traveling","Gaming"]}

Mengonversi JSON ke Object. 

Untuk mengubah string JSON menjadi Object kembali, di JavaScript Anda bisa menggunakan fungsi ‘JSON.parse()’:

let jsonString = '{"name":"Rudi","age":28,"hobbies":["Reading","Traveling","Gaming"]}';
let person = JSON.parse(jsonString);

console.log(person.name);  // Output: Rudi

Kesimpulan

JSON adalah format pertukaran data berbasis text yang digunakan untuk pertukaran data antara server dengan client dalam aplikasi berbasis web. 

Dengan mempelajari dasar-dasar JSON, memudahkan Anda untuk membuat website berbasis API sesuai keperluan. Setelah membaca artikel ini seharusnya Anda sudah memahami apa itu JSON, fungsi, syntax hingga cara kerjanya.