JavaScript JSON: Parse, Stringify e Melhores Práticas

# JavaScript JSON: Parse, Stringify e Melhores Práticas

O JavaScript possui suporte nativo ao JSON através do objeto global JSON, que fornece dois métodos fundamentais: JSON.parse() e JSON.stringify().

JSON.parse() - Transformando Texto em Objeto

Este método converte uma string formatada em JSON em um objeto JavaScript utilizável.

const textoJson = '{"nome": "Alice", "idade": 30}';
const usuario = JSON.parse(textoJson);

console.log(usuario.nome); // Saída: "Alice"

---

JSON.stringify() - Convertendo Objeto para Texto

Útil quando você precisa enviar dados para um servidor ou salvar no armazenamento local.

const usuario = { nome: "Bob", idade: 25 };
const texto = JSON.stringify(usuario);

console.log(texto);
// Saída: {"nome":"Bob","idade":25}

Formatação "Pretty Print"

Você pode deixar o JSON legível adicionando espaços de recuo:

const formatado = JSON.stringify(usuario, null, 2);
console.log(formatado);

---

Tratamento de Erros

Sempre use try...catch ao processar JSON, pois strings mal formatadas farão seu código travar.

try {
  const dados = JSON.parse(jsonInvalido);
} catch (erro) {
  console.error("Erro ao processar JSON:", erro.message);
}

Armazenamento Local (LocalStorage)

Como o LocalStorage só aceita texto, o JSON é a ponte perfeita:

// Salvando
localStorage.setItem('usuario', JSON.stringify(usuario));

// Buscando
const salvo = JSON.parse(localStorage.getItem('usuario'));

Boas Práticas

Sempre valide: Nunca confie que o JSON vindo de uma API externa está sempre correto.

Cuidado com referências circulares: O JSON.stringify() falhará se um objeto apontar para si mesmo.

Segurança: Use funções "replacer" para remover senhas ou dados sensíveis antes de converter objetos para texto.

Conclusão

Dominar o objeto JSON no JavaScript é essencial para qualquer desenvolvedor web moderno. Seja para consumir APIs ou gerenciar o estado da aplicação, esses métodos serão seus melhores amigos no dia a dia.