JavaScript Local Storage

JavaScript Local Storage is a feature that allows you to store data in the user's browser persistently — the data doesn't get deleted when the browser is closed (unlike session storage).

Basic Local Storage Methods

Store Data

localStorage.setItem("username", "Adithi");

Get Data

let user = localStorage.getItem("username");
console.log(user);  // Output: Adithi

Remove a Key

localStorage.removeItem("username");

Clear All Storage

localStorage.clear();

Store Objects or Arrays

Since localStorage stores only strings, you need to convert objects/arrays:

let user = { name: "Adithi", age: 21 };

// Save object
localStorage.setItem("user", JSON.stringify(user));

// Get object
let storedUser = JSON.parse(localStorage.getItem("user"));
console.log(storedUser.name);  // Output: Adithi