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 limits 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?

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