Comparador JSON

Descripcion general de la herramienta: JSON Diff

JSON Diff compara dos documentos JSON en paralelo y detecta rápidamente las rutas agregadas, eliminadas y modificadas. Es útil para depurar APIs, revisar configuraciones, comprobar cambios de contrato y validar regresiones cuando el payload ya es demasiado grande para revisarlo a mano.

¿Qué es JSON Diff?

JSON Diff recorre de forma recursiva dos estructuras JSON y presenta los cambios a nivel de ruta. En lugar de revisar solo texto formateado, puedes ver con claridad qué claves anidadas o qué elementos de un arreglo cambiaron realmente.

Cómo usarlo

1. Pega el JSON original en el editor izquierdo.
2. Pega el JSON actualizado en el editor derecho.
3. Si hace falta, ordena las claves de los objetos antes de comparar.
4. Ejecuta la comparación y revisa la lista de diferencias, el JSON formateado y el informe descargable.

Casos de uso comunes

• Comparar dos respuestas de API para detectar cambios de esquema
• Revisar cambios de configuración antes de desplegar
• Contrastar datos mock con respuestas reales del backend
• Verificar cambios de estructura durante regresiones

✨ Puntos destacados

• 📍 Detección por rutas: muestra rutas exactas como $.meta.locale o $.items[2].status.
• 🔁 Comparación recursiva de objetos y arreglos: los objetos se comparan por clave y los arreglos por índice.
• 🧹 Ordenación opcional de claves: reduce ruido cuando solo cambia el orden de las propiedades.
• 📦 Informes para copiar o descargar: práctico para compartir en issues, PR o revisiones.

📋 Ejemplo

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 actualizado

{
  "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"
  }
}

Salida típica del diff

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

🔧 Consejos de uso

1. Valida primero el JSON: elimina comentarios, comas finales y comillas inválidas antes de comparar.
2. Ordena claves cuando el orden no importe: es útil si la API solo cambia el orden de las propiedades.
3. Concéntrate en rutas y valores, no en el formato: lo importante no es la indentación, sino qué cambió realmente.
4. Divide arreglos grandes: si hay muchos elementos, compara primero fragmentos más pequeños.

❓ Preguntas frecuentes

Q1: ¿Por qué no aparece ninguna diferencia si el formato se ve distinto?
A: Porque la herramienta compara la estructura y los valores del JSON ya parseado, no los espacios o la indentación.

Q2: ¿Los arreglos se comparan por valor o por posición?
A: Actualmente se comparan por índice. Reordenar elementos también generará diferencias.

Q3: ¿Sirve para texto plano?
A: Solo cuando el contenido sea JSON válido. Para texto plano es mejor usar la herramienta de diff de texto.

Q4: ¿Puedo exportar el resultado?
A: Sí. Puedes copiar el informe o descargar un archivo con el diff estructurado.