In web development, `local storage` and `session storage` are two mechanisms for storing data in a user's web browser. Both provide a way to store data in key-value pairs, but they differ in the length of time the data is stored and the scope of the data.
- `local storage` is a client-side storage mechanism that stores data in the user's web browser indefinitely, even after the browser is closed. It is accessible to all pages from the same origin (a combination of the protocol, domain, and port number) and persists across browser sessions.
- `session storage` is also a client-side storage mechanism, but it stores data for a single session only. This means that the data is stored in the user's browser until the browser tab or window is closed. The data is not available in other browser tabs or windows, and it is not preserved after the browser is closed.
// Store a value in local storage localStorage.setItem("key", "value"); // Retrieve a value from local storage let value = localStorage.getItem("key"); // Remove a value from local storage localStorage.removeItem("key");
// Store a value in session storage sessionStorage.setItem("key", "value"); // Retrieve a value from session storage let value = sessionStorage.getItem("key"); // Remove a value from session storage sessionStorage.removeItem("key");
In general, `local storage` is more suitable for storing data that needs to be persisted across sessions, while `session storage` is better for storing data that is only needed for a single session.