💾 localStorage & sessionStorage
Last Updated: 26th October 2025
Both localStorage and sessionStorage are part of the Web Storage API, which allows you to store data in the browser.
They are used to save key-value pairs on the client side, without sending data to the server.
Hinglish Tip 🗣: Ye browser ke “mini databases” hain — data store hota hai bina server ke!
Difference Between localStorage & sessionStorage
Common Methods
localStorage Example
// Store data
localStorage.setItem("username", "sadhu");
localStorage.setItem("theme", "dark");
// Retrieve data
console.log(localStorage.getItem("username")); // sadhu
// Remove one item
localStorage.removeItem("theme");
// Clear all data
// localStorage.clear();
sessionStorage Example
// Store temporary data
sessionStorage.setItem("sessionUser", "Guest");
// Retrieve data
console.log(sessionStorage.getItem("sessionUser")); // Guest
// Remove
sessionStorage.removeItem("sessionUser");
// Clear
sessionStorage.clear();
Hinglish Tip 🗣: Agar chahte ho data tab band hone ke baad bhi rahe, to localStorage use karo. Agar chahte ho data sirf ek session tak rahe, to sessionStorage use karo.
🚫 Note
- Only string values can be stored.
- To store objects, use JSON.stringify() and JSON.parse():
const user = { name: "Amit", age: 22 };
localStorage.setItem("user", JSON.stringify(user));
console.log(JSON.parse(localStorage.getItem("user"))); // {name: "Amit", age: 22}
💡 Quick Practice
- Store your name in localStorage and retrieve it.
- Store a temporary form input in sessionStorage.
- Try using clear() and check your browser's Application → Storage tab.
