localStorage Get/Set/Remove
Persist data in the browser with localStorage.
Code
JavaScript
// Set
localStorage.setItem("user", JSON.stringify({ name: "Alice" }));
// Get
const user = JSON.parse(localStorage.getItem("user") ?? "{}");
console.log(user.name);
// Remove
localStorage.removeItem("user");
// Clear all
localStorage.clear();
// Key and length
console.log(localStorage.key(0), localStorage.length);Line-by-line explanation
- 1.setItem stores string; use JSON.stringify for objects.
- 2.getItem returns null if missing; use ?? for default.
- 3.removeItem deletes one key.
- 4.clear removes all keys for the origin.
Expected output
Alice