← JavaScript59 / 69

localStorage

localStorage menyimpan data di browser secara permanen (sampai dihapus). Batas pentingnya: hanya bisa menyimpan string, jadi object harus dilewatkan JSON.stringify saat menyimpan dan JSON.parse saat membaca. Jangan pernah menyimpan token sensitif di sini — bisa dibaca skrip apa pun di halaman (risiko XSS).

👀 Contoh dulu

// string biasa: langsung bisa
localStorage.setItem('nama', 'Bimo');
console.log(localStorage.getItem('nama'));

// ❌ object tanpa stringify
localStorage.setItem('a', { x: 1 });
console.log(localStorage.getItem('a'));

// ✅ object dengan stringify + parse
localStorage.setItem('b', JSON.stringify({ x: 1 }));
console.log(JSON.parse(localStorage.getItem('b')).x);

Hasilnya: Bimo [object Object] 1

💡 localStorage hanya paham string. Object wajib di-stringify saat menyimpan dan di-parse saat dibaca.

📝 Sekarang giliranmu

Simpan object { tema: 'gelap' } ke localStorage dengan key 'pengaturan' (pakai JSON.stringify), lalu baca kembali dengan JSON.parse dan tampilkan.

Preview

← Sebelumnya Berikutnya →