Português
Formate, valide e explore JSON com visualização em árvore ao vivo.
Última atualização
Um formatador de JSON (também chamado de embelezador ou pretty-printer) pega um JSON compacto ou desorganizado e transforma em dados legíveis e indentados. É uma das ferramentas que mais saem do bolso do desenvolvedor — usada para inspecionar respostas de API, ler arquivos de configuração, depurar logs, comparar fixtures de testes e mover dados entre frontend e backend.
JSON é um formato rigoroso: chaves precisam estar entre aspas duplas, strings também, vírgulas têm que estar no lugar certo e cada { ou [ aberto precisa ser fechado. O formatador deixa essa estrutura visível, e o validador embutido aponta exatamente onde a sintaxe quebrou, caso quebre.
JSON é a sigla de JavaScript Object Notation. Apesar de ter nascido no JavaScript, praticamente toda linguagem de programação tem suporte nativo para ler e escrever JSON, e por isso ele virou o padrão para troca de dados estruturados na web.
{} para campos nomeados, arrays usam [] para listas ordenadas, e os dois podem ser aninhados um dentro do outro em qualquer profundidade.null, objeto e array. Não existe undefined, nem funções, nem comentários.Copie o JSON da sua resposta de API, arquivo de log ou configuração e cole no campo da esquerda. O formatador aceita tanto entradas minificadas quanto parcialmente formatadas.
Dois espaços é o estilo mais comum; quatro espaços também é bastante usado. Escolha o que combinar com o padrão do seu projeto.
Se o JSON for válido, a saída formatada aparece à direita. Se não for, a mensagem de erro mostra a linha e o caractere onde o parsing falhou.
Use a árvore expansível para recolher objetos e arrays muito aninhados. É a forma mais rápida de entender o formato de uma resposta de API desconhecida.
Copie a versão indentada para o seu código ou documentação, ou minifique de volta para uma única linha para armazenar e trafegar pela rede.
O conjunto completo de blocos que compõem o JSON. Qualquer coisa fora dessa lista não é JSON válido. Especificação: RFC 8259 e ECMA-404.
| Token | Significado | Exemplo |
|---|---|---|
{ } | Objeto — coleção de pares chave/valor | {"name": "Maya"} |
[ ] | Array — lista ordenada de valores | [1, 2, 3] |
"..." | String — sempre entre aspas duplas | "hello" |
| Número | Inteiro ou decimal, sem aspas e sem + no início | 42, -3.14 |
true / false | Valores booleanos, em letra minúscula | true |
null | Valor vazio / ausente | null |
: | Separador entre uma chave e seu valor | "id": 7 |
, | Separador entre itens — nunca no final | [1, 2, 3] |
{"user":{"id":7,"name":"Maya"},"skills":["HTML","JavaScript"]}{ "user": { "id": 7, "name": "Maya" }, "skills": ["HTML", "JavaScript"]}Depois de formatado, o objeto aninhado user e o array skills ficam muito mais fáceis de ler. Os dados são idênticos — só os espaços em branco mudam.
{ "name": "Coddy", "active": true,}JSON não permite vírgula depois da última propriedade. O validador vai apontar o } final. Esse é um dos erros mais comuns de quem copia sintaxe de objeto JavaScript direto para JSON.
{ "count": 3, "countText": "3", "enabled": true}3 é um número, "3" é uma string e true é um booleano — três tipos JSON diferentes. APIs costumam quebrar quando o formato está certo, mas o tipo do valor está errado.
{ "data": { "orders": [ { "id": 101, "items": [{ "sku": "A", "qty": 2 }] }, { "id": 102, "items": [] } ] }}Use a visualização em árvore para recolher data.orders e enxergar a estrutura um nível por vez. Arrays de objetos aninhados são o padrão mais comum em respostas REST.
undefined não são válidos em JSON, e vírgulas sobrando no final fazem o parsing falhar.+ no início, nem zeros à esquerda (exceto o próprio 0), nem estar entre aspas se você realmente quer o tipo número.null continuam exatamente os mesmos. Ao minificar de volta, você recupera a forma original, otimizada para a rede.undefined não são permitidos.package.json, tsconfig.json), metadados de pacotes, linhas de log, local storage do navegador e fixtures de teste.