What is the difference between localStorage and sessionStorage?

What is the difference between localStorage and sessionStorage?

localStorage and sessionStorage are both part of the Web Storage API, but they serve different purposes. localStorage persists data even after the browser is closed, while sessionStorage only keeps data for the duration of the page session.

Can you give me an example of when to use each?

Sure! Use localStorage for storing user preferences that should persist across sessions, like a theme choice. Use sessionStorage for temporary data, like a shopping cart that should reset when the user closes the tab.

Are there any size limitations for these storage options?

Yes, both localStorage and sessionStorage typically have a limit of about 5-10MB per origin, but this can vary by browser.

Is it possible to store objects in localStorage or sessionStorage?

Yes, you can store objects by converting them to a JSON string using JSON.stringify() before saving, and then parse them back with JSON.parse() when retrieving.