JSON — o formato universal de dados
Como os computadores compartilham informações estruturadas
⏱ Estim. ~4 min
01 · Ler
Quando um server envia dados de volta para o seu app, ele precisa de um formato que os dois lados consigam entender. O mais popular na web é o JSON (JavaScript Object Notation).
JSON é uma forma de escrever dados estruturados como texto puro. Ele parece muito com uma lista ou um formulário simples — nomes (chamados de key) com valores ao lado, além de listas e grupos de dados aninhados.
Apesar de ter "JavaScript" no nome, JSON é usado por toda linguagem de programação. É o formato de dados universal da web.
💡 Imagine assimJSON é como um formulário bem organizado. Um formulário tem campos com rótulos ("Nome: ___", "E-mail: ___") e você preenche os valores. JSON é igual: cada dado tem um rótulo (a key) e um valor. E, assim como um formulário pode ter seções ("Endereço: rua ___, cidade ___, CEP ___"), JSON também pode ser aninhado.
Pontos-chave
- JSON = JavaScript Object Notation — um formato de dados em texto puro
- Os dados são organizados em pares chave-valor: "name": "Sara"
- Chaves {} representam um object (um conjunto de pares chave-valor)
- Colchetes [] representam um array (uma lista ordenada)
- Um object pode conter outros objects — isso se chama aninhamento (nesting)
02 · Exemplo de código
Abaixo está como o JSON realmente se parece. Esses são dados que um server poderia enviar quando você abre o perfil de alguém.
Um JSON Object
{
"name": "Sara Johnson",
"age": 28,
"email": "sara@example.com",
"hobbies": ["reading", "hiking", "photography"],
"address": {
"street": "123 Oak Street",
"city": "Portland",
"state": "OR",
"zip": "97201"
}
}
Veja a estrutura: name é um valor de texto, age é um número, hobbies é um array (uma lista entre colchetes) e address é um object aninhado (outro conjunto de pares chave-valor entre chaves). Tudo tem um rótulo claro, o que torna fácil para qualquer programa ler.
03 · Combinar
Combine cada conceito de JSON com a descrição correspondente.
(Esta seção é interativa — ative o JavaScript para usar.)
04 · Quiz
No JSON, o que um par de colchetes [ ] representa?
- Um object
- Um par chave-valor
- Um comentário
- Um array (uma lista ordenada)
05 · Preencher
JSON é a sigla de JavaScript Object _____.
Outras lições deste capítulo
⚠ A experiência interativa completa precisa de JavaScript. Ative-o e recarregue a página.
※ Este é um projeto educacional independente — não é um produto oficial da Anthropic. Claude™ é uma marca registrada da Anthropic, PBC.