MENGGUNAKAN LOCALSTORAGE PADA JAVASCRIPT

Menggunakan localStorage pada JavaScript bisa sangat membantu jika kamu ingin menyimpan data di browser tanpa harus menggunakan server. Artikel ini akan menjelaskan cara sederhana untuk menggunakan localStorage dengan beberapa contoh yang mudah dipahami.

Apa itu localStorage?

localStorage adalah bagian dari Web Storage API yang memungkinkan kamu menyimpan data dalam browser klien secara lokal. Data yang disimpan dalam localStorage tidak memiliki waktu kedaluwarsa, jadi tetap ada sampai data tersebut dihapus.

Menyimpan Data ke localStorage

Untuk menyimpan data ke localStorage, kamu dapat menggunakan metode setItem. Metode ini memerlukan dua parameter: kunci (key) dan nilai (value).

localStorage.setItem('nama', 'Budi');

Mengambil Data dari localStorage

Untuk mengambil data dari localStorage, kamu bisa menggunakan metode getItem.

let nama = localStorage.getItem('nama');
console.log(nama); // Output: Budi

Menghapus Data dari localStorage

Jika kamu ingin menghapus data dari localStorage, gunakan metode removeItem.

localStorage.removeItem('nama');

Menghapus Semua Data dari localStorage

Untuk menghapus semua data yang tersimpan di localStorage, kamu bisa menggunakan metode clear.

localStorage.clear();

Menggunakan Objek dan Array

Kamu bisa menyimpan lebih dari sekedar string di localStorage. Gunakan JSON.stringify dan JSON.parse untuk menyimpan dan mengambil objek atau array.

Menyimpan Objek

let user = {
    nama: 'Budi',
    umur: 25
};

localStorage.setItem('user', JSON.stringify(user));

Mengambil Objek

let userString = localStorage.getItem('user');
let user = JSON.parse(userString);

console.log(user.nama); // Output: Budi

Dengan memahami dasar-dasar tentang localStorage, kamu bisa lebih leluasa menyimpan dan mengelola data di sisi klien. Selamat mencobanya!