How can I store objects in web storage?

How can I store objects in web storage?

You can store objects in web storage by converting them to a JSON string using JSON.stringify() before saving.

Can you show me an example of that?

Sure! Here's a simple example:

const user = { name: 'Alice', age: 25 };
localStorage.setItem('user', JSON.stringify(user));

How do I retrieve that object later?

To retrieve the object, use JSON.parse() to convert the JSON string back to an object:

const user = JSON.parse(localStorage.getItem('user'));
console.log(user);

What are the limitations of web storage?

Web storage has a size limit (usually around 5MB) and is only accessible within the same origin.