DevToys Web Pro iconDevToys Web ProBlog
Beoordeel ons:
Probeer de browserextensie:

JSON Diff-viewer

Identiek
  • Linker JSON

  • Rechter JSON

  • Diff-uitvoer

    Geen verschillen — de twee JSON-documenten zijn identiek.
    Technische details

    Hoe de JSON Diff-tool werkt

    Wat de tool doet

    De JSON Diff-tool voert een diepe structurele vergelijking uit van twee JSON-documenten en identificeert toegevoegde, verwijderde en gewijzigde sleutels op elk nestingsniveau. Resultaten worden weergegeven met kleurgecodeerde markering die precies laat zien wat er is veranderd, inclusief verschillen in geneste objecten en arrays. Dit levert een semantische diff op die de JSON-structuur begrijpt in plaats van ruwe tekstregels te vergelijken.

    Veelvoorkomende use-cases voor ontwikkelaars

    Ontwikkelaars gebruiken JSON diff om API-responses vóór en na codewijzigingen te vergelijken, te verifiëren dat updates van configuratiebestanden alleen de bedoelde wijzigingen bevatten, en verschillen tussen omgevingsspecifieke instellingen te debuggen (staging vs production). Het is essentieel voor het beoordelen van Terraform plan-outputs, het vergelijken van OpenAPI-schema-versies en het valideren dat database-migratiescripts de verwachte schemawijzigingen opleveren in JSON-exports.

    Gegevensformaten, typen of varianten

    De tool voert een structurele vergelijking uit waarbij de volgorde van objectsleutels de gelijkheid niet beïnvloedt (aangezien JSON-objecten volgens de specificatie ongeordend zijn), maar de volgorde van array-elementen wel significant is. Typewijzigingen (string '1' vs number 1) worden als modificaties gerapporteerd. Null-waarden worden onderscheiden van ontbrekende sleutels. Diep geneste verschillen worden gerapporteerd met hun volledige JSON-pad, zodat je wijzigingen in complexe documenten kunt vinden zonder handmatig elk niveau uit te klappen.

    Veelvoorkomende valkuilen en edge-cases

    Array-diffs kunnen ruis veroorzaken wanneer elementen in het midden worden ingevoegd of verwijderd, waardoor alle daaropvolgende indices als gewijzigd worden weergegeven. Floating-point-getallen kunnen verschillen door serialisatieprecisie (1.0 vs 1.00000000001) zonder dat dit een betekenisvolle wijziging vertegenwoordigt. Zeer grote JSON-documenten met duizenden sleutels op één niveau kunnen een overweldigende diff-output opleveren — overweeg om subsections afzonderlijk te vergelijken. Comments zijn geen geldige JSON, dus geannoteerde configbestanden moeten vóór vergelijking worden ontdaan van commentaar.

    Wanneer je deze tool gebruikt vs code

    Gebruik deze browsertool voor een snelle visuele vergelijking van twee JSON-payloads tijdens debugging of code review. Voor geautomatiseerde regressietests, CI-pipelines of programmatische diff-generatie gebruik je libraries zoals json-diff (npm), deepdiff (Python) of jq-gebaseerde vergelijkingen die in testsuites kunnen worden geïntegreerd en machineleesbare patch-output kunnen produceren (RFC 6902 JSON Patch-formaat).