Fusionar JSON

Relacionado

¿Qué es Fusionar JSON (JSON Merge)?

Casos de uso

• Fusiona múltiples respuestas API de microservicios en una estructura JSON unificada para el front-end
• Agrega archivos de configuración por capas base / dev / prod en la config final vía override por entorno
• Fusiona múltiples archivos de traducción i18n por idioma, deduplica y completa en un diccionario completo
• Combina múltiples arrays de datos mock o respuestas API paginadas en un dataset completo
• Componente front-end fusionando config por defecto + personalización de usuario + config de experimento A/B remoto
• Durante migración de datos, fusiona múltiples exportaciones JSON de sistemas fuente en un formato aguas abajo unificado

Cómo Usar

1. Pega 2 a N segmentos JSON a fusionar en las cajas de entrada izquierdas (2 por defecto), o haz clic en "+" para añadir más entradas
2. Selecciona una estrategia de fusión del desplegable de la barra de herramientas: Fusión Profunda / Fusión Superficial / Concatenar Array / Reemplazar Array
3. Haz clic en el botón "Fusionar"; la caja de salida derecha muestra el resultado formateado. Si la entrada tiene errores de sintaxis, se muestran el número de línea específico y el mensaje de error
4. Tras confirmar el resultado, haz clic en "Copiar" para poner la salida fusionada en el portapapeles, o haz clic en "Descargar" para guardar como merged.json para más formateo, validación Schema, etc.

Características

• 4 estrategias de fusión: Fusión Profunda / Fusión Superficial / Concatenar Array / Reemplazar Array, conmutable con un clic para adaptarse a diferentes escenarios de negocio
• Soporta 2 a N segmentos JSON: 2 cajas de entrada por defecto, haz clic en "+" para añadir dinámicamente más JSON fuente, flexible para agregación multi-fuente
• Fusión recursiva profunda: maneja inteligentemente objetos anidados multi-nivel, resuelve conflictos de hoja según la estrategia especificada, preservando todos los campos válidos
• Resolución de conflictos flexible: conflictos de nivel superior siguen la estrategia seleccionada; conflictos de objetos anidados van profundo; conflictos de array se diferencian vía arrayConcat/arrayReplace
• Salida formateada unificada: los resultados se muestran con sangría de 2 espacios para fácil revisión humana y copia directa a herramientas aguas abajo
• Ejecución en tiempo real: haz clic en "Fusionar" justo después de pegar para obtener resultados; los errores muestran números de línea JSON específicos y mensajes de error
• Procesamiento local para privacidad: análisis, fusión y formateo ocurren localmente en el navegador, no se envía entrada a ningún servidor
• Conexión fluida con herramientas aguas abajo: los resultados pueden copiarse con un clic a Formatear JSON, Validación Schema, generadores de código, etc.

Ejemplos de Código

// npm install lodash.merge
import merge from 'lodash.merge';

const a = { user: { name: 'Alice', age: 28 }, tags: ['admin'] };
const b = { user: { email: 'a@x.com', age: 29 }, tags: ['editor'] };

// Fusión profunda: objetos anidados se fusionan recursivamente, los nodos hoja toman el valor posterior
const deep = merge({}, a, b);
console.log(deep);
// => { user: { name: 'Alice', age: 29, email: 'a@x.com' }, tags: ['admin', 'editor'] }

// Fusión superficial: las claves de nivel superior se reemplazan totalmente, sin descender al anidamiento
const shallow = Object.assign({}, a, b);
console.log(shallow);
// => { user: { email: 'a@x.com', age: 29 }, tags: ['editor'] }

# pip install mergedeep
from mergedeep import merge

a = {"user": {"name": "Alice", "age": 28}, "tags": ["admin"]}
b = {"user": {"email": "a@x.com", "age": 29}, "tags": ["editor"]}

# Fusión profunda
result = merge(a, b)
print(result)
# => {'user': {'name': 'Alice', 'age': 29, 'email': 'a@x.com'}, 'tags': ['admin', 'editor']}

# Nota: mergedeep por defecto concatena arrays; string/number sobrescribe.
# Para sobrescritura de array, añade strategy='override'

# Fusiona múltiples arrays JSON en un array largo
jq -s 'add' a.json b.json c.json

# Fusiona recursivamente múltiples objetos JSON (jq 1.6+)
jq -s 'reduce .[] as $item ({}; . * $item)' a.json b.json

# Fusión superficial: superpone las claves de nivel superior de b sobre a
jq -s '.[0] * .[1]' a.json b.json

# Fusiona arrays y mantiene sólo los campos id deduplicados
jq -s '[.[].items[]] | unique_by(.id)' a.json b.json

Preguntas Frecuentes

Solución de problemas

Glosario

JSON Merge

Operación de combinar dos o más objetos JSON en uno nuevo según reglas especificadas. El desafío central es la estrategia para resolver conflictos de nombres de claves.

Deep Merge

Estrategia que recurre a objetos anidados y fusiona en cada nodo hoja; sólo recurre cuando ambos lados son objetos planos, en caso contrario cae en sobrescritura.

Shallow Merge

Estrategia que sólo fusiona claves de nivel superior y reemplaza claves del mismo nombre en su totalidad; equivalente en JS a `Object.assign({}, a, b)`.

Array Concat

Una de las estrategias de fusión de arrays: combina múltiples arrays en un array largo preservando el orden de los elementos; usado a menudo para agregación de respuestas API.

Array Replace

Una de las estrategias de fusión de arrays: los arrays del mismo nombre se reemplazan en su totalidad con la entrada posterior; usado a menudo para override de configuración.

Object.assign

Método integrado de JavaScript que copia superficialmente todas las propiedades propias enumerables de uno o más objetos fuente a un objeto destino; la implementación estándar de facto de fusión superficial.

lodash.merge

Función de fusión profunda proporcionada por la librería Lodash; la implementación de deep merge más común en el ecosistema Node.js; los arrays se concatenan, no se sobrescriben.

mergedeep (Python)

Librería de fusión profunda en el ecosistema Python (pip install mergedeep); soporta un parámetro strategy para controlar el comportamiento concat vs replace de arrays.

jq -s 'add'

Comando jq que suma múltiples arrays JSON en uno; fusionar múltiples objetos JSON requiere `reduce .[] as $item ({}; . * $item)`.

BFF (Backend for Frontend)

Capa de agregación en arquitectura de microservicios ubicada entre el front-end y los servicios back-end; a menudo necesita fusionar respuestas JSON de múltiples servicios en una respuesta unificada — un escenario clásico de fusión JSON.

4 Estrategias de Fusión JSON Comparadas

Implementaciones Comunes de Fusión JSON Comparadas

Authoritative References

• MDNObject.assign - MDN Web Docs
• LodashLodash _.merge documentación oficial
• jqManual jq - reduce y add
• IETFEspecificación JSON (RFC 8259)