Unire JSON

Raccomandazioni correlate

Cos'è Unire JSON (JSON Merge)?

Casi d'uso

• Unisci più risposte API di microservizi in una struttura JSON unificata per il frontend
• Aggrega file di configurazione stratificati base / dev / prod nella config finale tramite override per ambiente
• Unisci più file di traduzione i18n per lingua, deduplica e integra in un dizionario completo
• Combina più array di dati mock o risposte API paginate in un dataset completo
• Componente frontend che unisce config predefinita + personalizzazione utente + config di esperimenti A/B remoti
• Durante la migrazione dei dati, unisci più export JSON di sistemi sorgente in un formato a valle unificato

Come utilizzare

1. Incolla da 2 a N segmenti JSON da unire nelle caselle di input sinistre (2 per impostazione predefinita), o clicca '+' per aggiungere altri input
2. Seleziona una strategia di unione dal menu a discesa della barra degli strumenti: Deep Merge / Shallow Merge / Concatena Array / Sostituisci Array
3. Clicca il pulsante 'Unisci'; la casella di output destra mostra il risultato formattato. Se l'input ha errori di sintassi, vengono mostrati il numero di riga specifico e il messaggio di errore
4. Dopo aver confermato il risultato, clicca 'Copia' per mettere l'output unito negli appunti, o clicca 'Scarica' per salvare come merged.json per ulteriore formattazione, validazione Schema, ecc.

Funzionalità

• 4 strategie di unione: Deep Merge / Shallow Merge / Concatena Array / Sostituisci Array, commutabili con un clic per diversi scenari business
• Supporta da 2 a N segmenti JSON: 2 caselle di input predefinite, clicca '+' per aggiungere dinamicamente più JSON sorgente, flessibile per l'aggregazione multi-fonte
• Fusione ricorsiva profonda: gestisce intelligentemente oggetti annidati multi-livello, risolve i conflitti delle foglie secondo la strategia specificata, preservando tutti i campi validi
• Risoluzione dei conflitti flessibile: i conflitti di livello superiore seguono la strategia selezionata; i conflitti di oggetti annidati vanno in profondità; i conflitti di array si differenziano tramite arrayConcat/arrayReplace
• Output uniformemente formattato: i risultati sono mostrati con indentazione di 2 spazi per facile revisione umana e copia diretta verso strumenti a valle
• Esecuzione in tempo reale: clicca 'Unisci' subito dopo l'incollaggio per ottenere i risultati; gli errori mostrano numeri di riga JSON specifici e messaggi di errore
• Elaborazione locale per la privacy: analisi, unione e formattazione avvengono localmente nel browser, nessun input inviato a un server
• Passaggio fluido verso strumenti a valle: i risultati possono essere copiati con un clic verso Formattatore JSON, Validatore Schema, generatori di codice, ecc.

Esempi di codice

// 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'] };

// Fusione profonda: gli oggetti annidati vengono uniti ricorsivamente, i nodi foglia prendono il valore successivo
const deep = merge({}, a, b);
console.log(deep);
// => { user: { name: 'Alice', age: 29, email: 'a@x.com' }, tags: ['admin', 'editor'] }

// Fusione superficiale: le chiavi di livello superiore vengono sostituite interamente, senza scendere nell'annidamento
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"]}

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

# Nota: mergedeep concatena gli array per impostazione predefinita; string/number sovrascrive.
# Per la sovrascrittura degli array, aggiungi strategy='override'

# Unisci più array JSON in un array lungo
jq -s 'add' a.json b.json c.json

# Unisci ricorsivamente più oggetti JSON (jq 1.6+)
jq -s 'reduce .[] as $item ({}; . * $item)' a.json b.json

# Fusione superficiale: sovrappone le chiavi di livello superiore di b su a
jq -s '.[0] * .[1]' a.json b.json

# Unisci array e mantieni solo i campi id deduplicati
jq -s '[.[].items[]] | unique_by(.id)' a.json b.json

Domande frequenti

Risoluzione dei problemi

Glossario

JSON Merge

Operazione di combinare due o più oggetti JSON in uno nuovo secondo regole specificate. La sfida centrale è la strategia per risolvere i conflitti dei nomi delle chiavi.

Deep Merge

Strategia che ricorre negli oggetti annidati e unisce a ogni nodo foglia; ricorre solo quando entrambi i lati sono oggetti semplici, altrimenti ricade sulla sovrascrittura.

Shallow Merge

Strategia che unisce solo le chiavi di livello superiore e sostituisce interamente le chiavi con lo stesso nome; equivalente in JS a `Object.assign({}, a, b)`.

Array Concat

Una delle strategie di unione degli array: combina più array in un array lungo preservando l'ordine degli elementi; spesso usata per l'aggregazione di risposte API.

Array Replace

Una delle strategie di unione degli array: gli array con lo stesso nome vengono sostituiti interamente con l'input successivo; spesso usata per l'override di config.

Object.assign

Metodo integrato di JavaScript che copia superficialmente tutte le proprietà proprie enumerabili da uno o più oggetti sorgente a un oggetto destinazione; l'implementazione standard di fatto della fusione superficiale.

lodash.merge

Funzione di deep merge fornita dalla libreria Lodash; l'implementazione di deep merge più comune nell'ecosistema Node.js; gli array vengono concatenati, non sovrascritti.

mergedeep (Python)

Libreria di deep merge nell'ecosistema Python (pip install mergedeep); supporta un parametro strategy per controllare il comportamento concat vs replace degli array.

jq -s 'add'

Comando jq che somma più array JSON in uno; unire più oggetti JSON richiede `reduce .[] as $item ({}; . * $item)`.

BFF (Backend for Frontend)

Livello di aggregazione nell'architettura a microservizi situato tra frontend e servizi backend; spesso deve unire le risposte JSON di più servizi in una risposta unificata - uno scenario classico di unione JSON.

4 Strategie di Unione JSON a Confronto

Implementazioni Comuni di Unione JSON a Confronto

Authoritative References

• MDNObject.assign - MDN Web Docs
• LodashLodash _.merge documentazione ufficiale
• jqManuale jq - reduce e add
• IETFSpecifica JSON (RFC 8259)