1

Tenho adicionado um objeto no LocalStorage da seguinte maneira:

user: {
        authenticated: false,
        email: '',
        id: '',
        cpf: ''
}

localStorage.setItem('userData', this.user)

Quando vou recuperar, localStorage.getItem('userData') é retornado [Object Object] e não consigo acessar as propriedades do objeto user.

jsFiddle

O que há de errado?

17
  • Você parece estar salvando um objeto e retornando um objeto. Não entendi a dúvida.
    – Woss
    Commented 23/10/2018 às 13:41
  • @AndersonCarlosWoss sim, a ideia é salvar o objeto e recuperá-lo.
    – Marconi
    Commented 23/10/2018 às 13:42
  • Então qual é a dúvida? O objeto que pegou do localStorage não foi o que você salvou?
    – Woss
    Commented 23/10/2018 às 13:43
  • @AndersonCarlosWoss está retornando [Object Object] e não o objeto em si!
    – Marconi
    Commented 23/10/2018 às 13:43
  • Mas isso é um objeto. Está explícito isso. Consegue descrever melhor qual foi o objeto retornado?
    – Woss
    Commented 23/10/2018 às 13:45

2 Respostas 2

3

localStorage armazena key value. Para armazenar um objeto javascript você deve serializar este objeto usando JSON.stringify:

localStorage.setItem('userData', JSON.stringify(this.user))

Returno

"{"authenticated":false,"email":"","id":"","cpf":""}"

3

Tente assim, converta o objeto para uma string JSON e depois realize o parse para recuperá-lo

localStorage.setItem('userData', JSON.stringify(this.user));

userData = JSON.parse(localStorage.getItem('userData');

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .