¿Cómo se puede guardar un objeto JS en localStorage?

Se debe convertir el objeto en una cadena JSON.

// Creando el objeto
const userData = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// Convertir el objeto en una cadena JSON
const userDataString = JSON.stringify(userData);

// Guardar la cadena en localStorage
localStorage.setItem('currentUser', userDataString);

// Ejemplo de recuperación y conversión de nuevo en objeto
const storedUserDataString = localStorage.getItem('currentUser');

if (storedUserDataString) {
  const storedUserData = JSON.parse(storedUserDataString);
  console.log(storedUserData.name); // Mostrará 'John'
}

localStorage solo puede almacenar cadenas. JSON.stringify() convierte un objeto JavaScript en una cadena en formato JSON, que se puede guardar. Al recuperar los datos, JSON.parse() convierte la cadena JSON de nuevo en un objeto JavaScript.