JSON samenvoegen

Gerelateerde aanbevelingen

Wat is JSON samenvoegen (JSON Merge)?

Toepassingsgevallen

• Voeg meerdere microservice API-responses samen tot één uniforme JSON-structuur voor de frontend
• Voeg base / dev / prod gelaagde configuratiebestanden samen tot de definitieve config via omgeving-override
• Voeg meerdere i18n-vertalingsbestanden per taal samen, ontdubbel en vul aan tot een volledig woordenboek
• Combineer meerdere mock-data-arrays of paginatie API-responses tot een volledige dataset
• Frontend-component die standaardconfig + gebruikersaanpassing + remote A/B-experimentconfig samenvoegt
• Tijdens gegevensmigratie meerdere bron-systemen JSON-exports samenvoegen tot een uniform downstream-formaat

Hoe te gebruiken

1. Plak 2 tot N samen te voegen JSON-segmenten in de linker invoervelden (standaard 2), of klik '+' om meer invoer toe te voegen
2. Selecteer een samenvoegingsstrategie uit de werkbalk-dropdown: Deep Merge / Shallow Merge / Array Concat / Array Replace
3. Klik op de knop 'Samenvoegen'; het rechter uitvoerveld toont het geformatteerde resultaat. Als de invoer syntaxfouten bevat, worden het specifieke regelnummer en de foutmelding getoond
4. Na bevestiging van het resultaat, klik op 'Kopiëren' om de samengevoegde output op het klembord te plaatsen, of op 'Downloaden' om op te slaan als merged.json voor verdere formattering, Schema-validatie, etc.

Functies

• 4 samenvoegingsstrategieën: Deep Merge / Shallow Merge / Array Concat / Array Replace, met één klik schakelbaar voor verschillende bedrijfsscenario's
• Ondersteunt 2 tot N JSON-segmenten: standaard 2 invoervelden, klik '+' om dynamisch meer bron-JSONs toe te voegen, flexibel voor multi-bron aggregatie
• Diepe recursieve samenvoeging: verwerkt intelligent meerlagige geneste objecten, lost bladconflicten op volgens de gespecificeerde strategie, met behoud van alle geldige velden
• Flexibele conflictoplossing: topniveau-conflicten volgen de geselecteerde strategie; geneste objectconflicten gaan diep; arrayconflicten worden onderscheiden via arrayConcat/arrayReplace
• Uniform geformatteerde output: resultaten worden weergegeven met 2 spaties inspringing voor eenvoudige menselijke review en directe kopie naar downstream-tools
• Realtime uitvoering: klik 'Samenvoegen' direct na het plakken voor resultaten; fouten tonen specifieke JSON-regelnummers en foutmeldingen
• Lokale verwerking voor privacy: parsen, samenvoegen en formattering vinden allemaal lokaal in de browser plaats, geen invoer naar een server gestuurd
• Naadloze downstream-overgang: resultaten kunnen met één klik worden gekopieerd naar JSON Formatter, Schema Validator, codegeneratoren, etc.

Codevoorbeelden

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

// Diepe samenvoeging: geneste objecten worden recursief samengevoegd, bladknooppunten nemen de latere waarde
const deep = merge({}, a, b);
console.log(deep);
// => { user: { name: 'Alice', age: 29, email: 'a@x.com' }, tags: ['admin', 'editor'] }

// Ondiepe samenvoeging: sleutels op topniveau worden volledig vervangen, zonder afdaling in nesting
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"]}

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

# Opmerking: mergedeep voegt standaard arrays samen; string/nummer overschrijft.
# Voor array-vervanging voegt u strategy='override' toe

# Voeg meerdere JSON-arrays samen tot één lange array
jq -s 'add' a.json b.json c.json

# Voeg meerdere JSON-objecten recursief samen (jq 1.6+)
jq -s 'reduce .[] as $item ({}; . * $item)' a.json b.json

# Ondiepe samenvoeging: leg b's topniveau-sleutels over a
jq -s '.[0] * .[1]' a.json b.json

# Voeg arrays samen en behoud alleen ontdubbelde id-velden
jq -s '[.[].items[]] | unique_by(.id)' a.json b.json

Veelgestelde vragen

Probleemoplossing

Woordenlijst

JSON Merge

Bewerking waarbij twee of meer JSON-objecten volgens gespecificeerde regels tot één nieuw object worden gecombineerd. De centrale uitdaging is de strategie voor het oplossen van sleutelnaamconflicten.

Deep Merge

Strategie die recursief in geneste objecten gaat en op elk bladknooppunt samenvoegt; recursief alleen wanneer beide kanten gewone objecten zijn, anders valt het terug op overschrijven.

Shallow Merge

Strategie die alleen sleutels op het topniveau samenvoegt en sleutels met dezelfde naam volledig vervangt; equivalent in JS aan `Object.assign({}, a, b)`.

Array Concat

Een van de array-samenvoegingsstrategieën: combineert meerdere arrays tot één lange array met behoud van alle elementvolgorde; vaak gebruikt voor API-respons-aggregatie.

Array Replace

Een van de array-samenvoegingsstrategieën: arrays met dezelfde naam worden volledig vervangen door de latere invoer; vaak gebruikt voor config-override.

Object.assign

Ingebouwde JavaScript-methode die alle opsombare eigen eigenschappen van een of meer bronobjecten ondiep kopieert naar een doelobject; de feitelijke standaardimplementatie van ondiepe samenvoeging.

lodash.merge

Deep merge-functie geleverd door de Lodash-bibliotheek; de meest gebruikte deep merge-implementatie in het Node.js-ecosysteem; arrays worden aaneengeschakeld, niet overschreven.

mergedeep (Python)

Deep merge-bibliotheek in het Python-ecosysteem (pip install mergedeep); ondersteunt een strategy-parameter om array-concat vs vervangingsgedrag te regelen.

jq -s 'add'

jq-commando dat meerdere JSON-arrays tot één optelt; meerdere JSON-objecten samenvoegen vereist `reduce .[] as $item ({}; . * $item)`.

BFF (Backend for Frontend)

Aggregatielaag in microservice-architectuur tussen frontend en backend-services; moet vaak JSON-responses van meerdere services samenvoegen tot één uniforme respons - een klassiek JSON-merge-scenario.

4 JSON Samenvoegingsstrategieën Vergeleken

Veelvoorkomende JSON Samenvoegingsimplementaties Vergeleken

Authoritative References

• MDNObject.assign - MDN Web Docs
• LodashLodash _.merge officiële documentatie
• jqjq handleiding - reduce en add
• IETFJSON-specificatie (RFC 8259)