Cómo guardar y leer objetos JavaScript en localStorage / sessionStorage
Hola a todos. Soy nuevo en JavaScript y estoy intentando guardar un objeto en localStorage para que los datos persistan después de recargar la página. Estoy escribiendo una pequeña aplicación — una lista de tareas (todo list). Cada tarea es un objeto con campos: `{ id: 1, text: "Comprar leche", done: false }`.
Estoy probando guardar un array de estos objetos así:
```javascript
const tasks = [
{ id: 1, text: "Comprar leche", done: false },
{ id: 2, text: "Llamar al médico", done: true }
];
localStorage.setItem('myTasks', tasks);
```
Luego intento leer:
```javascript
const saved = localStorage.getItem('myTasks');
console.log(saved);
```
En la consola veo `[object Object],[object Object]`. Esto no es un array, sino una cadena extraña. Si muestro `typeof saved`, obtengo `string`. No puedo acceder a las propiedades de los objetos, por ejemplo `saved[0].text` devuelve `undefined`.
He leído que localStorage solo almacena strings. Pero entonces, ¿cómo guardar objetos correctamente? ¿Necesito convertirlos a string, y luego al leerlos...