Sobre o Comparar JSON
O Comparar JSON da Primeira Solução mostra, de forma visual, exatamente o que mudou entre dois trechos de JSON. Você cola o JSON A (versão original) e o JSON B (versão nova), clica em Comparar e recebe uma lista das diferenças com o caminho completo de cada chave — por exemplo usuario.idade ou itens[2].preco. As mudanças aparecem coloridas: verde para o que foi adicionado, vermelho para o que foi removido e amarelo para valores alterados, sempre no formato antes → depois. Tudo roda 100% no seu navegador: os dois JSONs não saem do seu dispositivo nem são enviados a nenhum servidor.
Como usar
- Cole o JSON A (a versão de referência) no primeiro campo.
- Cole o JSON B (a versão que você quer comparar) no segundo campo.
- Clique em Comparar. Se algum lado tiver erro de sintaxe, a ferramenta avisa qual deles é inválido.
- Leia a lista de diferenças: cada linha traz o caminho da chave, o tipo de mudança e os valores envolvidos.
- Use Copiar relatório para levar o resumo das diferenças para um chamado, commit ou documentação.
Como a comparação funciona
A ferramenta faz JSON.parse dos dois textos e percorre a estrutura de forma recursiva, descendo por objetos e arrays. Para cada chave, ela verifica três situações: a chave existe só em A (foi removida), existe só em B (foi adicionada) ou existe nos dois com valores diferentes (foi alterada). Em arrays, a comparação é feita por posição (índice), então reordenar itens conta como mudança. Quando o tipo do valor muda — por exemplo de número para texto, ou de objeto para nulo — isso também é registrado como alteração. No fim, você vê a contagem total de diferenças ou a mensagem JSON idênticos quando nada mudou.
Para que serve
- Conferir o que mudou em uma resposta de API entre duas chamadas ou versões.
- Revisar alterações em arquivos de configuração (package.json, settings, feature flags).
- Validar payloads de webhook e comparar o esperado com o recebido.
- Auditar diferenças entre ambientes (homologação x produção).
- Apoiar testes automatizados comparando o JSON gerado com um snapshot de referência.
Dicas para uma comparação limpa
Como arrays são comparados por posição, se a ordem dos itens não importa para o seu caso, ordene as duas listas pelo mesmo critério antes de colar. Para diffs mais legíveis, formate os dois JSONs com indentação (use um formatador de JSON antes) — isso não muda o resultado da comparação, mas facilita conferir os valores. E lembre-se: chaves duplicadas no mesmo objeto não existem em JSON válido; nesse caso o JSON.parse mantém apenas a última.
Perguntas frequentes
Meus JSONs são enviados para algum servidor?
Não. Toda a leitura e comparação acontece dentro do seu navegador, em JavaScript. Os dados colados não saem do seu dispositivo e a ferramenta continua funcionando mesmo offline depois que a página carrega.
O que significa cada cor no resultado?
Verde indica uma chave ou item que existe só no JSON B (adicionado), vermelho indica algo que existia só no JSON A (removido) e amarelo indica um valor que mudou, mostrado no formato antes → depois.
Como a ferramenta compara arrays (listas)?
Os arrays são comparados por posição, ou seja, índice a índice. Se um item mudar de lugar, ele aparece como diferença. Se a ordem não for relevante para você, ordene as listas antes de comparar.
O que acontece se um dos JSONs estiver inválido?
A ferramenta tenta interpretar cada lado separadamente. Se houver erro de sintaxe, ela mostra uma mensagem indicando qual JSON está inválido (A ou B) e o detalhe do erro retornado pelo navegador.
Posso comparar JSONs grandes?
Sim. Como o processamento é local, o limite prático é a memória do seu navegador. Arquivos muito grandes podem demorar um pouco mais para renderizar a lista, mas a comparação em si é rápida.
Dá para copiar só o resumo das diferenças?
Sim. O botão Copiar relatório coloca na área de transferência um texto com a contagem e cada diferença (caminho, tipo e valores), pronto para colar em um chamado, commit ou documentação.
