Penggunaan local storage

1. Menyimpan Data:

// Menyimpan data dengan kunci 'namaKunci' dan nilai 'nilaiData'
localStorage.setItem('namaKunci', 'nilaiData');

2. Mengambil Data:

// Mengambil nilai dari 'namaKunci'
const nilai = localStorage.getItem('namaKunci');

3. Menghapus Data:

// Menghapus item dengan kunci 'namaKunci'
localStorage.removeItem('namaKunci');

4. Membersihkan Seluruh Data:

// Menghapus semua data dari Local Storage
localStorage.clear();

Penting untuk Diperhatikan:

  • Kapasitas Terbatas: Meskipun memiliki kapasitas yang cukup besar, Local Storage memiliki batas kapasitas tertentu (biasanya sekitar 5MB) per domain.

  • Hanya Data String: Local Storage hanya dapat menyimpan data dalam bentuk string. Jika Anda perlu menyimpan objek JavaScript, Anda perlu mengonversinya menjadi string terlebih dahulu menggunakan JSON.stringify() dan saat mengambilnya, Anda harus mengonversi kembali menggunakan JSON.parse().

  • Perlu Dihindari untuk Data Sensitif: Hindari menyimpan data sensitif seperti password atau informasi pribadi yang sensitif di Local Storage karena data tersebut dapat diakses melalui inspeksi elemen browser.

Last updated