1

Estou com uma dificuldade ao tentar ler o valor de uma chave específica do meu JSON.

Tenho o seguinte JSON que está armazenado em meu LocalStorage:

{idCmos: "83903", codigoPlang: "302432", tipoPlang: "39ieej", nome: "TaskControl"}

Estou armazenando em uma variável, conforme abaixo:

  var dados_usuario = localStorage.getItem('dados_usuario');

Quando tento ler o valor da chave nome via alert(), está retornando a mensagem undefined.

Segue abaixo meu alert:

alert (dados_usuario.nomeEntidade);
6
  • 1
    Mas você quer ler a chave ou o valor referente a uma chave?
    – LipESprY
    Commented 15/03/2019 às 13:22
  • O valor da chave Commented 15/03/2019 às 13:22
  • Corrigi a pergunta Commented 15/03/2019 às 13:23
  • 1
    Nesse caso, vc vai ter que postar o JSON. Roda um console.log(dados_usuario) e posta o resultado na sua pergunta.
    – LipESprY
    Commented 15/03/2019 às 13:24
  • 2
    Tente a dica das respostas abaixo e lembre-se de corrigir "a chave": dados_usuario.nomeEntidade para dados_usuario.nome. ;d
    – LipESprY
    Commented 15/03/2019 às 13:34

2 Respostas 2

4

O localStorage não consegue armazenar objetos, objetos são referências, e referências não são compartilhadas entre contextos diferentes. Uma vez que você fechar a página, ou abrir uma tab, essa referência não irá conseguir acessar o objeto, pois ele não existe em seu contexto.

O que você pode fazer é transformar o Json numa string, e depois decodifica-lo de volta, usando JSON.stringify e JSON.parse. Exemplo:

const dados = {idCmos: "83903", codigoPlang: "302432", tipoPlang: "39ieej", nome: "TaskControl"};
localStorage.setItem('dados', JSON.stringify(dados));

const dados = JSON.parse(localStorage.getItem('dados'));
console.log(dados.idCmos);
1
  • Funcionou, muito obrigado!! Commented 15/03/2019 às 13:35
2

O localStorage salva uma string então para salvar você deve fazer o seguinte:

localStorage.setItem('dados_usuario', JSON.stringify(dados_usuario ));

E para ler:

const dados_usuario = JSON.parse(localStorage.getItem('dados_usuario'));

Você pode testar com o código a seguir:

const gravar = { idCmos: "83903", codigoPlang: "302432", tipoPlang: "39ieej", nome: "TaskControl" };

// Grava a variável no localStorage
localStorage.setItem('dados_usuario', JSON.stringify(gravar));
// Lê do localStorage
const lido = JSON.parse(localStorage.getItem('dados_usuario'));

console.log(lido.nome);

Storage

A interface de Armazenamento da Web Storage API fornece acesso ao armazenamento de sessão ou armazenamento local para um domínio específico, permitindo que você, por exemplo, adicione, modifique ou exclua itens de dados armazenados.


localStorage

A propriedade localStorage permite acessar um objeto Storage local. A localStorageé similar ao sessionStorage. A única diferença é que enquanto os dados armazenados no localStoragenão expiram, os dados no sessionStorage tem os seus dados limpos ao expirar a sessão da página — ou seja, quando a página (aba ou janela) é fechada.


sessionStorage

A propriedade sessionStorage permite acessar um objeto tipo session Storage. A sessionStorageé similar ao localStorage, a única diferença é que enquanto os dados armazenados no localStoragenão expiram, os dados no sessionStorage tem os seus dados limpos ao expirar a sessão da página. A sessão da página dura enquanto o browser está aberto e se mantém no recarregamento da página. Abrir a página em uma nova aba ou nova janela, irá gerar uma nova sessão, o que diferencia de como os cookies trabalham.


JSON.parse

O método JSON.parse() analisa uma string JSON, construindo o valor ou um objeto JavaScript descrito pela string. Uma função reviver opcional pode ser fornecida para executar uma transformação no objeto resultante antes de ser retornada.


JSON.stringify

O método JSON.stringify() converte valores em JavaScript para uma String JSON. Esses valores podem ser substituidos especificando a função replacer, ou incluindo somente as propriedades específicas, quando o array do replacer for especificado.

1
  • Amigo, funcionou. Muito obrigado!!!! Commented 15/03/2019 às 13:35

Você deve fazer log-in para responder a esta pergunta.

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