Browser Storage: LocalStorage, SessionStorage & JSON.stringify

Web Storage APIs allow web applications to store key-value data directly on the user's client device.

localStorage: Data persists permanently across browser restarts until cleared.

sessionStorage: Data persists only for the duration of the browser tab session.

⊞Code Example

// 1. Storing complex objects (Serialize to JSON string)

const userSession = { name: "Manoj", theme: "dark", progress: 95 };

localStorage.setItem("nextsem_user", JSON.stringify(userSession));

// 2. Reading and parsing stored data

const saved = localStorage.getItem("nextsem_user");

if (saved) {

const user = JSON.parse(saved);

console.log("Welcome back:", user.name);

}

// 3. Removing data

localStorage.removeItem("nextsem_user");