Formate, valide e explore dados JSON instantaneamente no seu navegador
JSON (Notação de Objetos JavaScript) é a língua franca do software moderno. Seja você um desenvolvedor depurando uma resposta de API, um analista de dados inspecionando um arquivo de configuração, ou um usuário não técnico tentando entender dados estruturados, ler JSON bruto pode ser uma experiência frustrante. Uma única vírgula faltando ou um colchete fora do lugar pode quebrar uma aplicação inteira, e JSON não formatado é quase impossível de escanear visualmente.
Entendendo JSON
O que é JSON?
JSON (Notação de Objetos JavaScript) é um formato de intercâmbio de dados leve e baseado em texto definido pela RFC 8259. Ele representa dados estruturados como uma coleção de pares nome/valor (objetos) e listas ordenadas (arrays). JSON suporta seis tipos de dados: strings (entre aspas duplas), números (inteiros ou de ponto flutuante), booleanos (verdadeiro ou falso), nulo, objetos (chaves entre chaves) e arrays (valores entre colchetes). Como JSON é independente de linguagem e legível por humanos, tornou-se o formato dominante para APIs REST, arquivos de configuração, bancos de dados NoSQL e comunicação entre serviços em praticamente todas as linguagens de programação e plataformas.
Como funciona a formatação?
A formatação JSON usa a função JSON.parse() embutida no navegador para desserializar a string de entrada em um valor nativo do JavaScript, e depois re-serializa com JSON.stringify() usando o nível de indentação escolhido. Se JSON.parse() lançar um SyntaxError, o formatador o captura, extrai a posição do caractere da mensagem de erro, mapeia essa posição de volta para um número de linha e coluna na entrada original, e exibe um erro legível por humanos. A minificação funciona de forma idêntica, mas não passa argumento de indentação para JSON.stringify(), produzindo a representação mais compacta possível. A Correção Automática aplica uma sequência de transformações de texto antes da análise para corrigir problemas comuns como vírgulas finais, aspas simples e chaves não entre aspas.
Por que a formatação JSON é importante?
JSON não formatado ou minificado é quase ilegível para humanos. Uma carga de linha única que se estende por milhares de caracteres torna praticamente impossível identificar um campo faltando, um valor errado ou um erro estrutural. A indentação adequada revela a hierarquia dos dados imediatamente — você pode ver de relance quais chaves pertencem a qual objeto, quão profundamente aninhado está um array e onde uma estrutura começa e termina. Para depurar respostas de API, revisar arquivos de configuração ou comunicar estruturas de dados a colegas, um JSON bem formatado reduz significativamente a carga cognitiva. A validação é igualmente importante: um único erro de sintaxe em um arquivo de configuração JSON pode travar uma aplicação na inicialização, e capturar esse erro antes da implantação economiza tempo e previne incidentes.
Limitações e Observações
O formatador opera em JSON válido conforme definido pelo padrão RFC 8259. JSON não suporta comentários, vírgulas finais ou strings entre aspas simples — recursos comuns em literais de objetos JavaScript e formatos de configuração como JSONC ou JSON5. O recurso de Correção Automática lida com muitos desses casos, mas é um processo heurístico e pode não lidar corretamente com todos os casos extremos, particularmente em entradas profundamente malformadas. Arquivos JSON muito grandes (vários megabytes) podem causar atraso temporário na interface do usuário, uma vez que o processamento ocorre na thread principal do navegador. A exportação CSV funciona apenas em arrays de objetos planos; objetos aninhados dentro de itens de array são serializados como strings JSON em vez de serem achatados em colunas. Todo o processamento é puramente do lado do cliente — nenhum dado é transmitido para lugar nenhum.
Como usar este formatador
Cole ou faça upload do seu JSON
Copie sua string JSON de uma resposta de API, arquivo de configuração ou qualquer fonte e cole-a na área de texto de entrada. Alternativamente, clique em 'Fazer Upload de Arquivo' para importar um arquivo .json diretamente do seu computador. O formatador começa a processar automaticamente à medida que você digita.
Escolha as opções de formatação
Selecione sua indentação preferida (2 espaços para saída compacta, 4 espaços para maior legibilidade ou tabulação para formatação tradicional). Ative 'Ordenar chaves' se você quiser que todas as chaves de objeto sejam ordenadas alfabeticamente — útil ao comparar dois objetos JSON ou gerar saída determinística.
Revise o Resultado
Um crachá verde confirma que o JSON é válido. Se houver um erro de sintaxe, um crachá vermelho mostra a linha e o número da coluna exatos, juntamente com uma descrição do erro em linguagem simples. Use o botão 'Auto-Fix' para corrigir automaticamente problemas comuns, como vírgulas finais, aspas simples e chaves não entre aspas antes da formatação.
Copiar, Baixar ou Explorar
Alternar entre a visualização Formatada (código com destaque de sintaxe), Visualização em Árvore (hierarquia interativa colapsável) e guia CSV (para arrays de objetos). Copie a saída para a área de transferência ou baixe-a como um arquivo .json ou .csv. Verifique as barras de Comparação de Tamanho para ver quanto a minificação reduz seu payload.
Perguntas Frequentes
Meus dados JSON estão seguros para colar aqui?
Sim, completamente. O Formatador JSON é executado inteiramente em seu navegador usando JavaScript do lado do cliente. Seus dados nunca são enviados a nenhum servidor, nunca são armazenados e nunca são registrados. Tudo acontece localmente em seu dispositivo — mesmo se você desconectar da internet após carregar a página, o formatador continua funcionando. Isso torna seguro usá-lo com tokens de API, payloads de banco de dados, arquivos de configuração internos ou qualquer dado sensível que você não gostaria de transmitir por uma rede.
O que o botão Auto-Fix faz?
O Auto-Fix aplica uma sequência de reparos heurísticos a JSON malformado antes da análise. Ele lida com os problemas mais comuns do mundo real: removendo vírgulas finais (restantes de literais de objeto JavaScript), convertendo aspas simples em aspas duplas, adicionando aspas ausentes em torno de chaves de objeto não entre aspas, substituindo None/True/False estilo Python por null/true/false JSON, removendo comentários estilo JavaScript (// e /* */), normalizando caracteres de aspas curvas ou 'inteligentes' colados de processadores de texto, removendo wrappers de função JSONP e convertendo JSON delimitado por nova linha (NDJSON) em um array JSON válido. O Auto-Fix é uma ferramenta de melhor esforço — funciona bem para casos comuns, mas não pode reparar dados severamente corrompidos.
Qual é a diferença entre Formatar e Minificar?
A formatação (também chamada de embelezamento ou impressão bonita) adiciona indentação e quebras de linha para tornar o JSON fácil de ler. É ideal para desenvolvimento, depuração e documentação. Minificar faz o oposto: remove todos os espaços em branco desnecessários — espaços, tabulações e quebras de linha — produzindo a representação mais compacta possível dos mesmos dados. JSON minificado é mais rápido para transmitir por uma rede e usa menos largura de banda, tornando-se o formato preferido para respostas de API em produção. As duas representações contêm exatamente os mesmos dados; apenas a formatação difere. Nossas barras de Comparação de Tamanho mostram numericamente o quanto a saída minificada é menor.
Como funciona a Visualização em Árvore?
A Visualização em Árvore renderiza seu JSON como uma hierarquia interativa colapsável. Cada objeto e array é mostrado com uma seta de alternância que expande ou colapsa seus filhos. Clicar em qualquer nó alterna entre aberto ou fechado. Por padrão, os dois primeiros níveis estão expandidos para que você possa ver imediatamente a estrutura de nível superior sem ser sobrecarregado por dados profundamente aninhados. Os botões Expandir Tudo e Colapsar Tudo alternam toda a árvore de uma vez. Passar o mouse sobre qualquer nó revela um pequeno ícone de cópia que permite copiar apenas o valor desse nó como JSON formatado — perfeito quando você precisa de um objeto aninhado específico de uma grande resposta.
Quando a guia CSV aparece?
A guia CSV aparece automaticamente quando seu JSON é um array válido de objetos — um padrão retornado por praticamente todas as APIs REST que listam recursos (usuários, produtos, pedidos, etc.). O conversor extrai todas as chaves exclusivas de todos os objetos como cabeçalhos de coluna e, em seguida, mapeia os valores de cada objeto para as colunas correspondentes. Objetos aninhados dentro de itens de array são serializados como strings JSON em vez de serem achatados em subcolunas. O CSV resultante pode ser baixado e aberto diretamente no Excel, Google Sheets ou qualquer aplicativo de planilha. Se seu JSON for um único objeto ou contiver elementos de array que não são objetos, a guia CSV é ocultada.
Que indentação devo escolher?
A escolha depende do seu caso de uso e das convenções da equipe. Dois espaços são a escolha mais popular em arquivos de configuração JavaScript, TypeScript e JSON — mantém os arquivos compactos, mas ainda legíveis. Quatro espaços são comuns em projetos Python e alguns ambientes Java. As tabulações são preferidas por algumas equipes porque permitem que cada desenvolvedor configure seu editor para exibi-las em qualquer largura visual. Quando em dúvida, verifique o .editorconfig do seu projeto ou a configuração de linting. Para compartilhar JSON em documentação ou mensagens onde o alinhamento visual importa mais do que o tamanho do arquivo, 4 espaços tendem a ser os mais claros. Para respostas de API em produção, sempre use minificação em vez de qualquer indentação.