JSON 1

JSON 2

Diferencias

¿Qué es JSON Diff?

Dos respuestas de API parecen casi idénticas, pero algo cambió y rompió producción. O estás mirando un archivo de configuración que funcionaba ayer y hoy no. JSON Diff hace lo que es dolorosamente lento a ojo: recorre ambos objetos clave por clave y te muestra exactamente qué se ha añadido, qué se ha eliminado y qué se ha modificado — línea por línea.

Como la comparación es estructural (no solo textual), el orden de las claves y los espacios no la despistan. Un archivo reformateado con los mismos datos muestra cero diferencias. Un campo renombrado aparece como una eliminación y una adición. Ese es el mismo enfoque que toma la RFC 6902 para JSON Patch, la spec oficial para describir cambios en JSON. Para repasar el formato subyacente, la especificación oficial de JSON o la RFC 8259 son buenas referencias. Y cuando tus entradas no son estrictamente JSON — fragmentos de logs, payloads parcialmente codificados o texto mezclado — una herramienta de comparación de texto generalista cubre esa parte del flujo.

Cómo usar JSON Diff

Pega el JSON original – Pon tu versión «antes» en el panel izquierdo. Esta es la línea base con la que comparas.
Pega el JSON actualizado – Pon la versión «después» en el panel derecho. El orden importa: las diferencias se reportan respecto al original.
Revisa la salida del diff – El panel inferior resalta cada cambio. Las líneas eliminadas se marcan en rojo, las añadidas en verde, y los valores modificados muestran el viejo y el nuevo lado a lado.
Usa los datos de muestra – Pulsa «Sample» en el panel izquierdo para cargar un pequeño ejemplo resuelto y ver cómo se comporta la herramienta antes de pegar tus propios datos.
Ignora el ruido cosmético – Como la comparación es estructural, no necesitas reformatear ninguno de los lados. Un JSON minificado frente a uno formateado con los mismos datos se comparará como idéntico.

Consejo: Si solo te importa qué claves cambiaron (no los valores), fíjate en los títulos de sección del diff — muestran la ruta JSON hasta cada hoja modificada.

Ejemplo

Dos versiones del mismo perfil de suscriptor — el plan cambió, se habilitó la itinerancia y la intensidad de señal bajó. El diff resalta solo lo que se movió.

Antes → Después Comparar

profile.before.jsonOriginal

{
  "msisdn": "447700900142",
    "plan": "Pay As You Go",
    "roaming": false,
    "rsrp": -88,
  "updatedAt": "2026-05-12"
}

profile.after.json3 cambios

{
  "msisdn": "447700900142",
    "plan": "Unlimited 5G",
    "roaming": true,
    "rsrp": -104,
  "updatedAt": "2026-06-24"
}

Casos de uso habituales

Pruebas de regresión entre versiones de API

Subiste una API de v1 a v2 y quieres confirmar que nada importante cambió en la forma de la respuesta. Pega la respuesta de ayer a la izquierda y la de hoy a la derecha — cualquier cosa que se moviera (un campo renombrado, una nueva propiedad opcional, un valor de enum eliminado) aparece de inmediato. Es la prueba de contrato más barata que vas a hacer.

Detección de drift de configuración

Dos entornos — staging y producción — se supone que comparten la misma configuración pero algo se comporta diferente. Exporta ambas configs, compáralas aquí, y la clave culpable salta a la vista. Combinado con un pase de JSON validator, esto atrapa la mayoría de los problemas de «en mi máquina funciona» antes de que lleguen a una revisión de incidente.

Auditoría y trazabilidad de cumplimiento

Muchos marcos de cumplimiento exigen que muestres el estado antes/después cuando cambian registros sensibles. Usa el diff para producir un resumen legible de qué campos se movieron entre dos snapshots — evidencia útil para adjuntar a una solicitud de cambio o a un log de auditoría. Para el formato formal de descripción de cambios, vale la pena marcar la RFC JSON Patch.

Funciones principales

Comparación estructural – Ignora diferencias cosméticas (espacios, orden de claves, indentación) y compara los datos reales.
Resaltado Añadido / Eliminado / Modificado – Salida con código de colores para escanear un diff en segundos.
Maneja estructuras anidadas – Los objetos y arrays profundos se recorren recursivamente; los cambios se reportan con su ruta JSON completa.
Sin ida y vuelta al servidor – La comparación ocurre íntegramente en tu navegador; ningún lado se sube jamás.
Cargador de ejemplo – Ejemplo precargado para que veas la forma de la salida antes de pegar datos reales.

Preguntas frecuentes

¿El orden de las claves en los objetos afecta al diff?

No. Los objetos JSON son no ordenados por definición (ver RFC 8259 §4). La herramienta compara por nombre de clave, así que dos objetos con los mismos datos en distinto orden producen cero diferencias.

¿Y el orden de los arrays?

Los arrays sí están ordenados, así que la posición importa. ["a", "b"] y ["b", "a"] aparecen como diferentes. Si quieres una comparación de arrays insensible al orden, ordena ambos arrays antes de pegarlos — o usa una librería de diff estructural como jsondiffpatch en código.

¿Puedo comparar archivos JSON grandes?

Sí. La herramienta maneja cómodamente archivos de hasta unos pocos megabytes. Más allá, el diff en sí sigue siendo rápido, pero renderizar miles de líneas cambiadas en el navegador puede sentirse lento — prueba a acotar la entrada al subárbol de objeto que realmente te interesa.

¿Mis datos están seguros?

Sí. La comparación se ejecuta íntegramente del lado del cliente en tu navegador. Ningún bloque JSON se envía a ningún servidor, nada se cachea y nada se registra. Si la privacidad es crítica, también puedes desconectarte de la red y la herramienta seguirá funcionando — pruébalo.

Mi JSON tiene comas finales / comillas simples — ¿aun así podré compararlo?

Ambos lados deben ser primero JSON válido. Si el parsing falla en cualquiera de los lados, el diff no se ejecuta. Pasa cada lado por un JSON Validator para identificar el problema de sintaxis, y luego vuelve. Para una lista de los gotchas habituales de JSON, la documentación JSON de MDN se lee rápido.

Herramientas relacionadas

JSON Formatter – Formatea ambos lados antes de comparar si quieres una indentación consistente.
JSON Validator – Atrapa errores de sintaxis antes de que rompan el diff.
JSON to Table – Visualiza cualquiera de las versiones como tabla ordenable para escanear filas rápidamente.
JSON Minifier – Elimina los espacios si quieres comparar tamaño bruto en bytes, no estructura.

Recursos útiles

RFC 8259 – La spec IETF actual para JSON; define la igualdad de objetos y las reglas de orden de arrays.
RFC 6902 — JSON Patch – Formato estándar para representar diferencias entre dos documentos JSON.
JSON.org – Especificación JSON original con diagramas estilo railroad de la gramática.
MDN JSON Guide – Referencia para parsear y serializar JSON en JavaScript.
jsondiffpatch – Librería JS open source que impulsa muchas herramientas web de diff JSON, con soporte para detección de movimientos en arrays.
Stack Overflow JSON Tag – Preguntas/respuestas de la comunidad para casos límite de JSON y parsing por lenguaje.

Comparador JSON