Penjelasan Tentang Apa Itu JSON, Contoh Dan Cara Penggunaannya.

Pelajari format pertukaran data paling populer di dunia web development. Ringan, mudah dibaca, dan universal.

Tutorial JSON

Apa itu JSON?

JSON singkatan dari JavaScript Object Notation. Singkatnya, JSON adalah format berbasis teks yang digunakan untuk menyimpan dan mengirim data.

Kenapa JSON sangat populer?

  • Ringan: Ukuran filenya kecil sehingga cepat saat dikirim lewat internet.
  • Mudah Dibaca: Formatnya rapi dan mudah dimengerti manusia.
  • Universal: Bisa dibaca dan dibuat oleh hampir semua bahasa pemrograman (JavaScript, PHP, Python, Java, dll).

Struktur Dasar JSON

Data JSON ditulis dalam pasangan kunci dan nilai (key-value pairs). Contoh sederhananya seperti ini:

{
  "nama": "Budi Santoso",
  "umur": 25,
  "kota": "Jakarta"
}

Aturan penting:

  • Data dibungkus kurung kurawal {}.
  • Key harus diapit tanda kutip dua "".
  • Key dan Value dipisahkan titik dua :.
  • Setiap pasang data dipisahkan koma ,.

 

Untuk menuliskan "key" yang lebih dari 1 kata lebih dihubungkan dengan tanda under score (_), contoh key:

{
    "pemilik_mobil": "Budi Santoso",
    "umur_peserta": 25,
    "kota_asal": "Jakarta"
}

 

Tipe Data yang Didukung

JSON mendukung beberapa tipe data dasar:

  • String: Teks, harus diapit kutip dua. (Contoh: "Halo")
  • Number: Angka, bulat atau desimal. (Contoh: 10, 3.14)
  • Boolean: Benar atau Salah. (Contoh: true, false)
  • Null: Nilai kosong. (Contoh: null)
  • Array: Daftar data, dibungkus kurung siku [].
  • Object: Data bersarang, dibungkus kurung kurawal {}.

Contoh JSON Kompleks

{
  "nama": "Siti Aminah",
  "aktif": true,
  "hobi": ["Membaca", "Traveling", "Coding"],
  "alamat": {
    "jalan": "Jl. Merdeka No. 1",
    "kota": "Bandung"
  }
}

Menggunakan JSON di JavaScript

Di JavaScript, kita sering mengubah JSON menjadi Object JavaScript dan sebaliknya.

1. JSON.parse()

Mengubah teks JSON menjadi Object JavaScript.

const dataJSON = '{"nama": "Ali", "umur": 30}';
const obj = JSON.parse(dataJSON);
console.log(obj.nama); // Output: Ali

2. JSON.stringify()

Mengubah Object JavaScript menjadi teks JSON.

const mhs = { nama: "Dian", jurusan: "RPL" };
const jsonString = JSON.stringify(mhs);
console.log(jsonString); // Output: {"nama":"Dian","jurusan":"RPL"}

Menggunakan JSON di PHP

PHP juga punya fungsi bawaan yang sangat mudah untuk mengelola JSON. Ini sering dipakai saat membuat API.

1. json_encode()

Mengubah Array atau Object PHP menjadi format JSON.

<?php
$data = array(
    "nama" => "Eko",
    "umur" => 22,
    "hobi" => array("Futsal", "Game")
);

echo json_encode($data);
// Output: {"nama":"Eko","umur":22,"hobi":["Futsal","Game"]}
?>

2. json_decode()

Mengubah format JSON menjadi Object atau Array PHP.

<?php
$json = '{"nama": "Budi", "kota": "Surabaya"}';

// Ubah jadi Object (Default)
$obj = json_decode($json);
echo $obj->nama; // Output: Budi

// Ubah jadi Array Asosiatif (tambah parameter true)
$arr = json_decode($json, true);
echo $arr["kota"]; // Output: Surabaya
?>

*Tips: Selalu pastikan format JSON valid. Tanda kutip dan koma yang salah sedikit saja bisa membuat JSON error (tidak bisa dibaca).