0Pricing
JavaScript Academy · Aula

Fundamentos de JSON.parse e JSON.stringify

Converta objetos em strings JSON e vice-versa; conheça brevemente replacer/reviver; trate entradas inválidas com segurança

Fundamentos de JSON.parse e JSON.stringify é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 1 de 3. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de JavaScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 3 aulas no total.

Por que usar JSON?

Objetivo: Serializar e analisar com segurança.

  • JSON.stringify → string
  • JSON.parse ← string
  • substituidor/restaurador (uma introdução)
  • Dicas básicas de segurança
Fundamentos de JSON.parse e JSON.stringify — ilustração 1

stringify()

Use JSON.stringify(value) para obter uma string JSON. Para facilitar a leitura, passe um número de espaços (por exemplo, 2).

// Turn a value into a JSON string
const user = { name: "Ayla", score: 12, active: true };
const json = JSON.stringify(user);
console.log("json:", json);

// Optional: pretty-print with spaces (2)
const pretty = JSON.stringify(user, null, 2);
console.log("pretty:", pretty);
Fundamentos de JSON.parse e JSON.stringify — ilustração 2

parse()

JSON.parse(text) retorna o valor. A entrada deve ser uma string JSON válida.

// Parse a JSON string back to a value
const raw = "{\"name\":\"Ayla\",\"score\":12,\"active\":true}";
const value = JSON.parse(raw);
console.log("name:", value.name, "score:", value.score);
Fundamentos de JSON.parse e JSON.stringify — ilustração 3

Substituidor (stringify)

Um substituidor(key, value) pode excluir ou modificar campos durante a serialização (por exemplo, ocultar senhas).

// Replacer: filter or transform keys during stringify
const account = { id: 7, password: "secret", role: "user" };

// Hide sensitive fields
function replacer(key, value) {
  if (key === "password") return undefined; // drop it
  return value;
}

const safeJson = JSON.stringify(account, replacer, 2);
console.log("safeJson:", safeJson);
Fundamentos de JSON.parse e JSON.stringify — ilustração 4

Restaurador (parse)

Um restaurador(key, value) pode transformar valores durante a análise (por exemplo, strings → Data).

// Reviver: convert specific strings back into richer types
const orderJson = "{\"when\":\"2024-06-01T10:00:00Z\",\"total\":25}";

function reviver(key, value) {
  if (key === "when" && typeof value === "string") {
    return new Date(value); // restore Date
  }
  return value;
}

const order = JSON.parse(orderJson, reviver);
console.log("is Date?", order.when instanceof Date);
console.log("total:", order.total);
Fundamentos de JSON.parse e JSON.stringify — ilustração 5

Segurança e limitações

Dicas:

  • Envolva JSON.parse em try/catch para entradas não confiáveis.
  • Use um substituidor para remover campos sensíveis antes de registrá-los ou compartilhá-los.
  • JSON perde funções e informações do protótipo; ele serializa apenas dados.
Fundamentos de JSON.parse e JSON.stringify — ilustração 6

Questionário sobre stringify e parse

Verificação rápida: Serializar um valor.

Fundamentos de JSON.parse e JSON.stringify — ilustração 7

Recapitulação

Recapitulação: Converta valores com JSON.stringify/JSON.parse; use um substituidor para filtrar campos e um restaurador para restaurar tipos como Data; adicione try/catch para obter segurança.

Fundamentos de JSON.parse e JSON.stringify — ilustração 8

Perguntas Frequentes

A aula “Fundamentos de JSON.parse e JSON.stringify” é grátis?

Sim — o texto completo de “Fundamentos de JSON.parse e JSON.stringify” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de JavaScript Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 3 aulas no total.

O que vou aprender em “Fundamentos de JSON.parse e JSON.stringify”?

Converta objetos em strings JSON e vice-versa; conheça brevemente replacer/reviver; trate entradas inválidas com segurança Você pratica JavaScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar JavaScript Academy?

Nenhuma experiência prévia é necessária. JavaScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 3.

Quanto tempo leva a aula “Fundamentos de JSON.parse e JSON.stringify”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de JavaScript Academy?

Sim. Cada aula de JavaScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. Fundamentos de JSON.parse e JSON.stringify
  2. Clonagem estruturada e URLSearchParams
  3. Estratégias para análise segura de JSON
← Voltar para JavaScript Academy