JavaScript Dasar | #9 JSON (JavaScript Object Notation)

 

JSON (JavaScript Object Notation)

Pengenalan JSON

JSON (JavaScript Object Notation) adalah format data yang digunakan untuk menyimpan dan mentransfer data. JSON sangat populer karena struktur datanya yang ringan, mudah dibaca, dan mudah digunakan oleh berbagai bahasa pemrograman, termasuk JavaScript.

JSON menyimpan data dalam bentuk pasangan key-value, di mana data dikelompokkan menggunakan kurung kurawal {} untuk objek dan kurung siku [] untuk array. Format ini banyak digunakan dalam API (Application Programming Interface) untuk pertukaran data antara server dan client.

Contoh Struktur JSON:

{
  "name": "John Doe",
  "age": 30,
  "isStudent": false,
  "courses": ["Math", "Science", "English"]
}

Mengonversi Objek ke JSON

Di JavaScript, kita bisa mengonversi objek JavaScript ke format JSON menggunakan metode JSON.stringify(). Metode ini akan menghasilkan string JSON yang bisa disimpan atau dikirim ke server.

Contoh Penggunaan JSON.stringify():

let user = {
  name: "Jane Doe",
  age: 25,
  isStudent: true,
  hobbies: ["Reading", "Swimming", "Gaming"]
};

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

Hasil dari JSON.stringify(user) adalah string JSON yang merepresentasikan objek user:

{"name":"Jane Doe","age":25,"isStudent":true,"hobbies":["Reading","Swimming","Gaming"]}

Mengonversi JSON ke Objek

Jika kita menerima data dalam format JSON (misalnya dari API), kita bisa mengonversinya kembali menjadi objek JavaScript menggunakan metode JSON.parse().

Contoh Penggunaan JSON.parse():

let jsonData = '{"name":"Jane Doe","age":25,"isStudent":true,"hobbies":["Reading","Swimming","Gaming"]}';

let userObject = JSON.parse(jsonData);
console.log(userObject);

Hasil dari JSON.parse(jsonData) adalah objek JavaScript:

{
  name: "Jane Doe",
  age: 25,
  isStudent: true,
  hobbies: ["Reading", "Swimming", "Gaming"]
}

Kesimpulan

JSON adalah format yang sangat penting dalam pengembangan web modern karena memungkinkan data untuk dikirim dan diterima dengan mudah antara client dan server. Menggunakan JSON.stringify() dan JSON.parse(), kita bisa dengan mudah mengonversi data dari objek JavaScript ke JSON dan sebaliknya.