Advertisement
Loading...

Formatador JSON

100% do lado do cliente

Dica: Pressione Ctrl+Enter para formatar

Cole seu JSON

Digite ou cole uma string JSON no painel de entrada e o formatador irá validar, formatar e exibi-la instantaneamente com destaque de sintaxe.

Advertisement
Loading...

Como usar este formatador

1

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.

2

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.

3

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.

4

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.