Comparador JSON

Visao geral da ferramenta: JSON Diff

JSON Diff compara dois documentos JSON lado a lado e encontra rapidamente caminhos adicionados, removidos e alterados. Ele é útil para depuração de APIs, revisão de configurações, validação de contratos e testes de regressão quando o payload já ficou grande demais para inspeção manual.

O que e JSON Diff?

JSON Diff percorre duas estruturas JSON de forma recursiva e organiza as mudanças por caminho. Em vez de revisar apenas texto formatado, você vê com clareza quais chaves aninhadas ou quais itens de array realmente mudaram.

Como usar

1. Cole o JSON original no editor da esquerda.
2. Cole o JSON atualizado no editor da direita.
3. Se necessário, ordene as chaves dos objetos antes de comparar.
4. Execute a comparação e revise a lista de diferenças, o JSON formatado e o relatório exportável.

Casos de uso comuns

• Comparar duas respostas de API para identificar mudanças de schema
• Revisar alterações de configuração antes de publicar
• Conferir dados mockados contra respostas reais do backend
• Validar mudanças estruturais durante regressões

✨ Destaques

• 📍 Detecção por caminho: mostra caminhos exatos como $.meta.locale ou $.items[2].status.
• 🔁 Comparação recursiva de objetos e arrays: objetos por chave, arrays por índice.
• 🧹 Ordenação opcional de chaves: reduz ruído quando só a ordem das propriedades mudou.
• 📦 Relatórios para copiar e baixar: útil para compartilhar em issues, PRs e revisões.

📋 Exemplo

JSON original

{
  "project": "ToolMi",
  "version": "1.0.0",
  "features": {
    "jsonDiff": false,
    "jsonSchema": true
  },
  "tags": ["json", "compare", "nuxt"],
  "meta": {
    "locale": "en",
    "updatedAt": "2026-03-07"
  }
}

JSON atualizado

{
  "project": "ToolMi",
  "version": "1.1.0",
  "features": {
    "jsonDiff": true,
    "jsonSchema": true,
    "jsonPath": true
  },
  "tags": ["json", "diff", "nuxt", "i18n"],
  "meta": {
    "locale": "fr",
    "updatedAt": "2026-03-08"
  }
}

Saida tipica do diff

Changed $.version
Changed $.features.jsonDiff
Added $.features.jsonPath
Changed $.tags[1]
Added $.tags[3]
Changed $.meta.locale
Changed $.meta.updatedAt

🔧 Dicas de uso

1. Valide o JSON primeiro: remova comentários, vírgulas finais e aspas inválidas antes de comparar.
2. Ordene as chaves quando a ordem não importar: isso ajuda quando a API só reorganiza propriedades.
3. Olhe para caminhos e valores, não para formatação: o que importa é onde e como os dados mudaram.
4. Quebre arrays muito grandes: compare trechos menores primeiro para facilitar a revisão.

❓ FAQ

Q1: Por que não aparece diferença se o formato parece diferente?
A: Porque a ferramenta compara a estrutura e os valores do JSON já parseado, não espaços ou indentação.

Q2: Arrays são comparados por valor ou por posição?
A: Atualmente eles são comparados por índice. Reordenações também aparecem como diferença.

Q3: Isso serve para texto puro?
A: Só quando o conteúdo é JSON válido. Para texto puro, use a ferramenta de diff de texto.

Q4: Posso exportar o resultado?
A: Sim. Você pode copiar o relatório ou baixar um arquivo com o diff estruturado.