Formate, valide e minifique JSON. Highlight de sintaxe e detecção de erros em tempo real.
JSON (JavaScript Object Notation) é o formato universal para troca de dados entre sistemas. Toda API REST moderna, arquivos de configuração (`.prettierrc`, `package.json`) e até bancos de dados NoSQL (MongoDB) usam JSON. Ele é legível por humanos, mas quando retornado "minificado" (sem espaços ou quebras de linha), torna-se uma parede de texto impossível de analisar.
O ato de formatar (beautify) um JSON adiciona indentação (espaços ou tabs) para revelar a hierarquia dos dados. Isso é essencial para depurar APIs, encontrar erros de sintaxe e entender a estrutura dos dados que você está recebendo.
Exemplo Visual:
Minificado: {"status":"ok","data":[{"id":1}]}
Formatado: revela instantaneamente que há um array chamado "data" dentro de um objeto principal. A leitura fica 10x mais rápida.
O JSON é extremamente rígido com sua sintaxe. Diferente do JavaScript (que é permissivo), o JSON não aceita deslizes. Nossa ferramenta sublinha exatamente onde está o erro.
| Erro Comum | Código Inválido (Errado) | Código Válido (Correto) |
|---|---|---|
| 1. Vírgula Final (Trailing Comma) | { "nome": "Ana", } ou [1, 2, ] | { "nome": "Ana" } (Remova a última vírgula). |
| 2. Chaves sem Aspas Duplas | { nome: "Ana" } | { "nome": "Ana" } (Chaves DEVEM ter aspas duplas). |
| 3. Aspas Simples | { 'nome': 'Ana' } | { "nome": "Ana" } (Apenas aspas duplas são válidas). |
| 4. Comentários | { //usuário\n "nome": "Ana" } | JSON Oficial NÃO ACEITA COMENTÁRIOS. (Formato JSONC ou JSON5 aceitam). |
| 5. Último Valor do Tipo Errado | { "valor": NaN } ou undefined | Use null para valores vazios. NaN não existe em JSON. |
Dica de Ouro: Se você está copiando JSON do console do navegador (Console do Chrome), cuidado! O console muitas vezes formata objetos de um jeito "bonito" que não é JSON válido (ex: mostra aspas simples ou colapsa objetos). Sempre use a função JSON.stringify(objeto, null, 2) para obter um JSON válido para colar aqui.
| Tipo | Exemplo | Observação |
|---|---|---|
| String | "Olá Mundo" | Deve estar entre aspas duplas. |
| Number | 42, 3.14, -10 | Inteiro ou decimal. Sempre sem aspas. |
| Boolean | true / false | Minúsculas, sem aspas. |
| Null | null | Representa valor vazio/intencionalmente ausente. |
| Array | ["Maçã", "Banana"] | Lista ordenada de valores. |
| Object | { "chave": "valor" } | Conjunto de pares chave/valor. |
Esta ferramenta é a porta de entrada. Conheça outras ferramentas do nosso ecossistema para dominar JSON:
| Necessidade | Ferramenta Recomendada |
|---|---|
| Converter JSON para Excel/CSV | JSON → Excel (Achata objetos aninhados para planilhas). |
| Converter JSON para YAML (Docker/K8s) | YAML ↔ JSON (Ideal para arquivos de configuração). |
| Gerar dados falsos para testes | Gerador de CPF/CNPJ + esta ferramenta. |
| Comparar duas versões de JSON | Diff de Texto (Compare lado a lado com highlight). |
undefined e aspas simples. JSON não.JSON.stringify(obj) (Objeto → JSON) e JSON.parse(str) (JSON → Objeto)."{\\"nome\\":\\"Ana\\"}". Para resolver:
\n\t\"\\{ "mensagem": "Primeira linha\nSegunda linha" }
tsconfig.json ou .eslintrc que contém comentários, a validação falhará. Para esses casos, use o Visual Studio Code (que suporta JSONC nativamente) ou nossa ferramenta Remover Duplicatas (brincadeira!). Em breve teremos um suporte específico para JSONC.
Veja também