Penguasaan DataJumat, 23 Januari 2026

JSON & Penyimpanan

Menyimpan data dan berbicara dengan API.

Iklan

Dukung JS Fruggal dengan melihat sponsor kami.

Web bersifat stateless (tidak memiliki ingatan). LocalStorage memungkinkan kita menyimpan preferensi pengguna (seperti Dark Mode) di antara kunjungan.

JSON: Bahasa Universal

const data = { id: 1, judul: "Belajar JS" };

// Object -> String (Packing)
const dipaket = JSON.stringify(data);
console.log(dipaket); // '{"id":1,"judul":"Belajar JS"}'

// String -> Object (Unpacking)
const dibongkar = JSON.parse(dipaket);
console.log(dibongkar.judul);

Peringatan Keamanan

JANGAN simpan data sensitif

LocalStorage dapat diakses oleh JavaScript apa pun yang berjalan di halaman Anda (termasuk skrip analitik atau ekstensi browser).
JANGAN PERNAH menyimpan kata sandi, info kartu kredit, atau token API sensitif di LocalStorage. Gunakan HttpOnly Cookies untuk itu.

Menggunakan LocalStorage

// Ini hanya menyimpan String!
localStorage.setItem("skor", "100");

// Ubah kembali ke angka saat membaca
const skor = parseInt(localStorage.getItem("skor"));
console.log(skor + 50); // 150
Iklan

Dukung JS Fruggal dengan melihat sponsor kami.