JSON Formatter & Validador Online

JSON Formatter & Validador Online — Grátis, Rápido, Sem Instalar

O formatador JSON online gratuito permite colar qualquer string JSON e obter instantaneamente um resultado formatado, validado e com destaque de sintaxe — sem instalação, sem cadastro, tudo rodando no navegador. Seja depurando uma resposta de API minificada ou organizando um arquivo de config, a saída legível aparece no momento em que você cola.

Além do pretty print básico, a ferramenta inclui um botão de Export CSV, uma árvore colapsável, um layout visual em grafo, uma lista flat pesquisável e um minificador — tornando-se um formatador e validador JSON completo em um só lugar.

Como Usar o JSON Formatter & Validator

1. Cole seu JSON no painel de entrada à esquerda — minificado, mal indentado ou já formatado — e o formatador valida instantaneamente, exibindo erros de sintaxe inline com a linha e a coluna exata do problema antes de produzir qualquer saída.
2. Leia a saída no painel direito — o resultado formatado aparece imediatamente com destaque de sintaxe, codificado por tipo: strings em azul, números em laranja, booleanos em amarelo, nulls em cinza, tornando problemas estruturais visíveis de relance.
3. Troque de aba para exportar como CSV, explorar o JSON como árvore colapsável, grafo visual ou lista flat de caminhos — cada visualização atualiza automaticamente conforme você edita o input, sem necessidade de clicar em "atualizar".
4. Ajuste a indentação — escolha 2 ou 4 espaços no seletor; a saída re-renderiza instantaneamente e sua preferência é salva no localStorage para a próxima visita.
5. Copie ou salve o resultado — clique em Copiar para copiar a saída formatada, minificada ou CSV para a área de transferência, ou nomeie e salve o snippet no armazenamento local para reutilização (até 20 snippets que persistem entre sessões).

Se o input for JSON inválido, um banner de erro mostra a linha e a posição exata do problema, e um botão Fix tenta reparo automático usando a biblioteca jsonrepair — útil para os erros mais comuns como trailing commas, aspas simples e comentários JSONC.

Exemplos de Formatação JSON

Exemplo 1 — Resposta de API minificada:

Input: {"nome":"Alice","idade":30,"papeis":["admin","usuario"]}

Output:

{
  "nome": "Alice",
  "idade": 30,
  "papeis": [
    "admin",
    "usuario"
  ]
}

Exemplo 2 — Objeto profundamente aninhado:

Input: {"usuario":{"perfil":{"nome":"Bob","endereco":{"cidade":"São Paulo"}}}}

Output:

{
  "usuario": {
    "perfil": {
      "nome": "Bob",
      "endereco": {
        "cidade": "São Paulo"
      }
    }
  }
}

A visão em árvore para este input mostra quatro níveis aninhados, cada um colapsável independentemente — útil ao explorar um schema de API profundo onde você se interessa por apenas um ramo.

Exemplo 3 — JSON inválido (trailing comma) — caso extremo:

Input: {"nome": "Alice",}

Output: Erro — Unexpected token '}' at line 1 column 17 — A vírgula após "Alice" é o culpado. Remova-a ou clique em Fix para que a ferramenta repare automaticamente. Trailing commas são válidas em literais de objeto JavaScript, mas explicitamente proibidas pela especificação JSON.

Exemplo 4 — Objeto vazio — caso extremo:

Input: {}

Output:

{}

Um objeto vazio é JSON válido. O formatador exibe-o como está com um indicador verde "Valid JSON". A árvore mostra um único nó raiz com zero filhos.

Erros Comuns na Formatação de JSON

Entender por que o JSON é mais estrito que literais de objeto JavaScript economiza horas de depuração. Esses seis problemas correspondem à grande maioria dos erros reais de parse de JSON.

1. Trailing commas (vírgula após o último item) Uma vírgula após o último item em um array ou objeto é válida em JavaScript (e TypeScript, com allowTrailingCommas) mas é explicitamente proibida no JSON (RFC 8259). {"nome": "Alice",} vai falhar em qualquer parser JSON. Remova a última vírgula antes do ] ou }, ou clique em Fix para que a ferramenta faça automaticamente.

2. Aspas simples em vez de aspas duplas JSON exige aspas duplas tanto para chaves quanto para valores de string. Aspas simples são válidas em literais de objeto JavaScript, mas não em JSON. {'nome': 'Alice'} é JSON inválido; {"nome": "Alice"} está correto.

3. Nomes de propriedade sem aspas Em JavaScript você pode escrever {nome: "Alice"}, mas o JSON exige que todas as chaves sejam strings entre aspas: {"nome": "Alice"}. Este é um dos erros de copiar e colar mais comuns ao mover de código JS para um arquivo de config JSON.

4. Comentários no JSON JSON não suporta comentários — nem //, nem /* */, nenhuma variante. Se você precisa de comentários em um arquivo de config similar a JSON, use JSONC (JSON with Comments) conforme entendido pelo VS Code, ou um formato como YAML ou TOML. Cole um arquivo JSONC neste formatador e ele sinalizará o // como erro de sintaxe; clique em Fix para remover os comentários automaticamente.

5. Valores undefined undefined é um conceito JavaScript, não um tipo JSON. JSON suporta apenas null, booleanos, números, strings, arrays e objetos. {"valor": undefined} é JSON inválido — substitua undefined por null se precisar representar um valor ausente.

6. Números com zeros à esquerda {"codigo": 0123} é JSON inválido — zeros à esquerda em números não são permitidos. Use 123 em vez disso. Isso confunde desenvolvedores que copiam códigos numéricos de formatos não-JSON.

Exportar JSON para CSV

O botão Export CSV (na aba Pretty Print) converte seu JSON diretamente para valores separados por vírgula. Cole um array JSON de objetos (ex: uma resposta de API com lista ou um export de banco de dados) e a ferramenta gera um CSV com cabeçalhos derivados automaticamente das chaves dos objetos.

• Se a raiz for um array JSON de objetos → CSV completo com cabeçalhos
• Se a raiz for um objeto único → tratado como tabela de uma linha
• Objetos aninhados ou primitivos que não mapeiam para colunas mostram uma mensagem de erro clara

Isso torna o formatador JSON útil não apenas como formatador online, mas também como um conversor rápido de JSON para CSV sem instalar nada.

Formatação de JSON — Por que Importa

JSON enviado pela rede frequentemente é minificado: sem espaços, sem quebras de linha, tudo em uma única linha. Isso é eficiente para transferência, mas ilegível para humanos. Formatar — adicionando indentação e quebras de linha consistentes — torna a estrutura imediatamente visível: quais chaves estão dentro de quais objetos, quantos itens há em cada array e onde a hierarquia começa e termina.

As visualizações em árvore e grafo vão além. A árvore permite colapsar e expandir seções para focar em uma parte de um documento JSON grande. O grafo exibe os nós como cards, mostrando as relações pai-filho de relance — útil para entender estruturas profundamente aninhadas recebidas de webhooks, exports de banco de dados ou schemas de API de terceiros.

Casos de Uso Comuns

• Depurar respostas de API: Copie um corpo de resposta JSON bruto da aba Network do navegador ou do Postman e cole aqui para ler como um documento estruturado com destaque de sintaxe.
• Validar arquivos de config JSON: Antes de fazer commit do package.json, tsconfig.json ou qualquer outro config JSON, cole aqui para verificar se é sintaticamente válido e detectar trailing commas ou aspas faltando.
• Exportar JSON para CSV: Clique em Export CSV para converter um array JSON de objetos em um arquivo CSV pronto para planilhas — ideal para compartilhar dados com não-desenvolvedores ou importar no Excel ou Google Sheets.
• Minificar JSON para produção: Use a aba Minify para remover todos os espaços em branco de um payload JSON antes de embutir em código ou em uma requisição HTTP.
• Explorar estruturas de dados desconhecidas: As visualizações em árvore e grafo são ideais quando você recebe um documento JSON grande e profundamente aninhado e precisa entender rapidamente sua forma.
• Corrigir JSON malformado: O validador aponta exatamente a linha e o caractere onde o parsing falhou, tornando mais rápido identificar problemas como trailing commas, chaves sem aspas ou colchetes não fechados.

Perguntas Frequentes

O JSON Formatter & Validator também valida JSON?

Sim. A ferramenta valida seu JSON enquanto você digita. Se o input for inválido, um banner de erro aparece imediatamente com a linha e a posição exata do problema. Problemas comuns detectados incluem trailing commas, aspas faltando em chaves, colchetes não fechados e caracteres de controle ilegais — com correção em um clique pelo botão Fix.

Como converter JSON para CSV?

Cole seu JSON e clique em Export CSV (na aba Pretty Print). A ferramenta espera um array JSON de objetos (ex: [{"nome":"Alice","idade":30}, ...]). Ela deriva os cabeçalhos das colunas das chaves do primeiro objeto e escreve uma linha CSV por elemento. Clique em Export CSV para salvar o arquivo .csv.

Por que meu JSON mostra erro com trailing comma?

Trailing commas (vírgula após o último item de um array ou objeto) são válidas em JavaScript mas explicitamente proibidas na especificação JSON (RFC 8259). Este é um dos erros de parse mais comuns, especialmente quando desenvolvedores copiam literais de objeto JavaScript e colam como JSON. Clique no botão Fix para removê-las automaticamente, ou delete a vírgula ofensora manualmente. A maioria dos editores (VS Code, WebStorm) tem uma regra de lint para "trailing comma" que você pode ativar para detectar esses problemas antes que cheguem a um parser JSON.

Posso adicionar comentários ao JSON?

Não. O JSON padrão não permite comentários de nenhum tipo — nem //, nem /* */. Esta é uma decisão deliberada de design na especificação JSON (RFC 8259): JSON é um formato de troca de dados, não uma linguagem de config, e comentários complicariam o parsing. Se precisar de anotações legíveis por humanos, use JSONC (suportado pelo settings.json e tsconfig.json do VS Code), YAML ou TOML. Cole um arquivo JSONC nesta ferramenta e os comentários serão sinalizados como erros; clique em Fix para removê-los.

Qual é a diferença entre formatar e minificar JSON?

Formatar adiciona espaços em branco — indentação e quebras de linha — para tornar o JSON legível para humanos. Minificar remove todos os espaços não-essenciais para produzir a menor string possível para transferência de rede. Um arquivo JSON formatado de 10 KB pode ser comprimido para 6–7 KB minificado. Nenhuma operação altera os dados em si.

O JSON Formatter consegue formatar arquivos JSON muito grandes?

Sim, com ressalvas. Como o processamento acontece no motor JavaScript do seu navegador, arquivos muito grandes (acima de algumas centenas de KB) podem levar um ou dois segundos para renderizar e podem desacelerar o destaque de sintaxe. Para arquivos na faixa de megabytes, considere uma ferramenta local ou extensão de editor.

Por que as chaves do JSON devem ter aspas duplas?

A especificação JSON (RFC 8259) exige explicitamente que as chaves de objetos sejam strings entre aspas duplas. Aspas simples e chaves sem aspas são válidas em literais de objeto JavaScript, mas não no JSON. Este é um requisito rigoroso para que qualquer parser JSON aceite o input.

O que a visualização "Raw List" mostra?

A lista raw extrai todos os valores folha do JSON e os apresenta como uma tabela flat com três colunas: o caminho completo em notação de ponto (ex: usuario.endereco.cidade), o tipo de dado e o valor. É útil para auditar todos os valores de um documento sem navegar pela estrutura aninhada. Você pode filtrar caminhos usando a busca integrada (Ctrl+F).

Recursos

• MDN — Introduction to JSON — Introdução abrangente à sintaxe, estrutura e uso de JSON em JavaScript.
• MDN — JSON — Referência completa para o objeto JSON em JavaScript, incluindo parse, stringify e padrões comuns.
• RFC 8259 — JSON Data Interchange Format — O padrão IETF atual que especifica formalmente o formato JSON.