Como pode guardar um objeto JS no localStorage?

Deve-se converter o objeto numa string JSON.

// Criação do objeto
const userData = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// Converter o objeto para uma string JSON
const userDataString = JSON.stringify(userData);

// Guardar a string no localStorage
localStorage.setItem('currentUser', userDataString);

// Exemplo de recuperação e conversão de volta para objeto
const storedUserDataString = localStorage.getItem('currentUser');

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

localStorage só pode armazenar strings. JSON.stringify() converte um objeto JavaScript numa string no formato JSON, que pode ser guardada. Ao recuperar os dados, JSON.parse() converte a string JSON de volta para um objeto JavaScript.