Fusionner JSON

Recommandations connexes

Qu'est-ce que Fusionner JSON (JSON Merge) ?

Cas d'utilisation

• Fusionnez plusieurs réponses API de microservices en une structure JSON unifiée pour le front-end
• Agrégéz les fichiers de configuration par couches base / dev / prod dans la config finale via override par environnement
• Fusionnez plusieurs fichiers de traduction i18n par langue, dédupliquez et complétez en un dictionnaire complet
• Combinez plusieurs tableaux de données mock ou réponses API paginées en un dataset complet
• Composant front-end fusionnant config par défaut + personnalisation utilisateur + config d'expérience A/B distante
• Pendant la migration de données, fusionnez plusieurs exports JSON de systèmes source en un format aval unifié

Comment utiliser

1. Collez 2 à N segments JSON à fusionner dans les zones de saisie gauches (2 par défaut), ou cliquez sur « + » pour ajouter plus d'entrées
2. Sélectionnez une stratégie de fusion dans le menu déroulant de la barre d'outils : Fusion Profonde / Fusion Superficielle / Concaténer Tableau / Remplacer Tableau
3. Cliquez sur le bouton « Fusionner » ; la zone de sortie droite affiche le résultat formaté. Si l'entrée a des erreurs de syntaxe, le numéro de ligne spécifique et le message d'erreur sont affichés
4. Après avoir confirmé le résultat, cliquez sur « Copier » pour mettre la sortie fusionnée dans le presse-papiers, ou cliquez sur « Télécharger » pour enregistrer en merged.json pour plus de formatage, validation Schema, etc.

Fonctionnalités

• 4 stratégies de fusion : Fusion Profonde / Fusion Superficielle / Concaténer Tableau / Remplacer Tableau, commutable en un clic pour s'adapter à différents scénarios métier
• Supporte 2 à N segments JSON : 2 zones de saisie par défaut, cliquez sur « + » pour ajouter dynamiquement plus de JSON source, flexible pour l'agrégation multi-source
• Fusion récursive profonde : gère intelligemment les objets imbriqués multi-niveau, résout les conflits de feuille selon la stratégie spécifiée, préservant tous les champs valides
• Résolution de conflits flexible : les conflits de niveau supérieur suivent la stratégie sélectionnée ; les conflits d'objets imbriqués vont en profondeur ; les conflits de tableaux se différencient via arrayConcat/arrayReplace
• Sortie formatée unifiée : les résultats sont affichés avec indentation 2 espaces pour faciliter la revue humaine et la copie directe vers les outils en aval
• Exécution en temps réel : cliquez sur « Fusionner » juste après avoir collé pour obtenir les résultats ; les erreurs affichent les numéros de ligne JSON spécifiques et les messages d'erreur
• Traitement local pour la confidentialité : analyse, fusion et formatage se font localement dans le navigateur, aucune entrée envoyée à un serveur
• Transition transparente vers les outils en aval : les résultats peuvent être copiés en un clic vers Formateur JSON, Validateur Schema, générateurs de code, etc.

Exemples de code

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

// Fusion profonde : les objets imbriqués sont fusionnés récursivement, les nœuds feuilles prennent la valeur ultérieure
const deep = merge({}, a, b);
console.log(deep);
// => { user: { name: 'Alice', age: 29, email: 'a@x.com' }, tags: ['admin', 'editor'] }

// Fusion superficielle : les clés de niveau supérieur sont remplacées entièrement, sans descendre dans l'imbrication
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"]}

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

# Note : mergedeep par défaut concatène les tableaux ; string/number écrasent.
# Pour l'écrasement de tableau, ajoutez strategy='override'

# Fusionne plusieurs tableaux JSON en un long tableau
jq -s 'add' a.json b.json c.json

# Fusionne récursivement plusieurs objets JSON (jq 1.6+)
jq -s 'reduce .[] as $item ({}; . * $item)' a.json b.json

# Fusion superficielle : superpose les clés de niveau supérieur de b sur a
jq -s '.[0] * .[1]' a.json b.json

# Fusionne les tableaux et ne garde que les champs id dédupliqués
jq -s '[.[].items[]] | unique_by(.id)' a.json b.json

FAQ

Dépannage

Glossaire

JSON Merge

Opération de combiner deux ou plusieurs objets JSON en un nouveau selon des règles spécifiées. Le défi central est la stratégie de résolution des conflits de noms de clés.

Deep Merge

Stratégie qui recurse dans les objets imbriqués et fusionne à chaque nœud feuille ; ne recurse que quand les deux côtés sont des objets plats, sinon bascule en écrasement.

Shallow Merge

Stratégie qui ne fusionne que les clés de niveau supérieur et remplace entièrement les clés de même nom ; équivalent en JS à `Object.assign({}, a, b)`.

Array Concat

Une des stratégies de fusion de tableaux : combine plusieurs tableaux en un long tableau en préservant l'ordre des éléments ; souvent utilisée pour l'agrégation de réponses API.

Array Replace

Une des stratégies de fusion de tableaux : les tableaux de même nom sont entièrement remplacés par l'entrée ultérieure ; souvent utilisée pour l'override de configuration.

Object.assign

Méthode intégrée de JavaScript qui copie superficiellement toutes les propriétés propres énumérables d'un ou plusieurs objets source vers un objet cible ; l'implémentation standard de facto de la fusion superficielle.

lodash.merge

Fonction de fusion profonde fournie par la librairie Lodash ; l'implémentation de deep merge la plus courante dans l'écosystème Node.js ; les tableaux sont concaténés, pas écrasés.

mergedeep (Python)

Librairie de fusion profonde dans l'écosystème Python (pip install mergedeep) ; supporte un paramètre strategy pour contrôler le comportement concat vs replace des tableaux.

jq -s 'add'

Commande jq qui additionne plusieurs tableaux JSON en un ; fusionner plusieurs objets JSON nécessite `reduce .[] as $item ({}; . * $item)`.

BFF (Backend for Frontend)

Couche d'agrégation dans l'architecture microservices située entre le front-end et les services back-end ; a souvent besoin de fusionner les réponses JSON de plusieurs services en une réponse unifiée — un scénario classique de fusion JSON.

4 Stratégies de Fusion JSON Comparées

Implémentations Courantes de Fusion JSON Comparées

Authoritative References

• MDNObject.assign - MDN Web Docs
• LodashLodash _.merge documentation officielle
• jqManuel jq - reduce et add
• IETFSpécification JSON (RFC 8259)