theory.js

Storage & State Persistence

LocalStorage vs. SessionStorage

Both LocalStorage and SessionStorage allow storing data in the browser, but they have key differences.

  • LocalStorage: Data persists even after the browser is closed.
  • SessionStorage: Data is cleared when the session (tab) is closed.
  • Both store data as key-value pairs in string format.
// Storing data
localStorage.setItem("username", "Jake");
sessionStorage.setItem("sessionID", "12345");

// Retrieving data
console.log(localStorage.getItem("username")); // "Jake"
console.log(sessionStorage.getItem("sessionID")); // "12345"

// Removing data
localStorage.removeItem("username");
sessionStorage.clear();