Local storage vs session storage?

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.

Here's an example of how to use `local storage` in JavaScript:

// 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");

Here's an example of how to use `session storage` in JavaScript:

// 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.

Rakib Alom

About author

I am a professional web developer. I love programming and coding, and reading books. I am the founder and CEO of StorialTech.