Cara Menggunakan localStorage di JavaScript

Cara Menggunakan localStorage di JavaScript

Mekanisme localStorage menyediakan jenis objek penyimpanan web yang memungkinkan Anda menyimpan dan mengambil data di browser. Anda dapat menyimpan dan mengakses data tanpa kedaluwarsa; data akan tersedia bahkan setelah pengunjung menutup situs Anda.





Anda biasanya akan mengakses localStorage menggunakan JavaScript. Dengan sedikit kode, Anda dapat membuat proyek sampel, seperti penghitung skor. Ini akan menunjukkan bagaimana Anda dapat menyimpan dan mengakses data persisten hanya menggunakan kode sisi klien.





Apa itu Penyimpanan lokal dalam JavaScript?

Objek localStorage adalah bagian dari API penyimpanan web yang didukung oleh sebagian besar browser web. Anda dapat menyimpan data sebagai pasangan nilai kunci menggunakan penyimpanan lokal. Kunci dan nilai unik harus dalam format UTF-16 DOM String.





Jika Anda ingin menyimpan objek atau array, Anda harus mengonversinya menjadi string menggunakan JSON.stringify() metode. Anda dapat menyimpan hingga 5MB data di localStorage. Juga, semua jendela dengan asal yang sama dapat berbagi data penyimpanan lokal situs tersebut.

Peramban tidak akan menghapus data ini bahkan ketika pengguna menutupnya. Ini akan tersedia untuk situs web yang membuatnya selama sesi mendatang. Namun, Anda tidak boleh menggunakan localStorage untuk data sensitif karena skrip lain yang berjalan pada halaman yang sama dapat mengaksesnya.



penyimpanan lokal vs. penyimpanan sesi

Itu penyimpanan lokal dan penyimpanan sesi objek adalah bagian dari Web Storage API yang menyimpan pasangan nilai kunci secara lokal. Semua browser modern mendukung keduanya. Dengan localStorage, data tidak kedaluwarsa bahkan setelah pengguna menutup browser mereka. Ini berbeda dari sessionStorage yang menghapus data saat sesi halaman berakhir. Sesi halaman berakhir saat Anda menutup tab atau jendela.