JSON vergleichen

Ein schnelles, privates JSON Diff Tool

Bei der Arbeit mit komplexen Datenstrukturen ist es oft mühsam, einen einzelnen geänderten Wert oder einen fehlenden Key zu finden. Dieses JSON Compare Tool analysiert und markiert sofort die exakten Unterschiede zwischen zwei JSON-Payloads. Statt tausende Zeilen Code zu durchsuchen, erhalten Sie eine übersichtliche, strukturierte Darstellung aller Änderungen.

Da dieses Tool vollständig in Ihrem Browser läuft, können Sie einen JSON Diff online komplett privat durchführen. Ihre Daten werden niemals auf einen Server hochgeladen oder in einer Datenbank gespeichert. Sie können proprietäre API-Responses, Kundendaten oder sensible Umgebungskonfigurationen bedenkenlos einfügen, ohne ein Datenleck zu riskieren.

Wie der tiefe JSON-Vergleich funktioniert

Wenn Sie zwei JSON-Dateien vergleichen möchten, führt ein herkömmlicher Text-Diff Checker oft zu falschen Ergebnissen. Reine Text-Tools vergleichen Daten Zeile für Zeile. Wenn Ihr geändertes JSON eine andere Einrückung aufweist oder die Schlüssel in einem Objekt lediglich in einer anderen Reihenfolge stehen, markiert ein Text-Diff den kompletten Block als geändert.

Dieses Tool funktioniert anders. Es parst den Text in echte JavaScript-Objekte und führt einen tiefen, rekursiven Vergleich der eigentlichen Datenstruktur durch. Leerzeichen, Einrückungen und die Reihenfolge der Objektschlüssel werden ignoriert. Wenn aus {"status": "ok", "code": 200} also {"code": 200, "status": "ok"} wird, erkennt das Tool beide als absolut identisch.

Findet es einen Unterschied, generiert es einen präzisen Pfad zur Änderung mithilfe der Standard-Punktnotation und Klammersyntax. Ändert sich beispielsweise das dritte Tag in einem Array, verweist das Tool direkt auf tags[2], anstatt nur irgendeine Zeile in einer riesigen Datei hervorzuheben.

Umgang mit Arrays: strikt vs. reihenfolgeunabhängig

Eine der häufigsten Herausforderungen bei einem JSON-Vergleichstool ist der Umgang mit Arrays. Manchmal ist die Reihenfolge der Elemente in einem Array strikt vorgegeben. In anderen Fällen ist ein Array nur eine ungeordnete Liste, bei der es lediglich auf den übereinstimmenden Inhalt ankommt.

Standardmäßig vergleicht dieses Tool Arrays strikt nach Index. Es prüft, ob das erste Element im Original mit dem ersten Element der geänderten Version übereinstimmt und so weiter.

Wenn Sie die Option Array-Reihenfolge ignorieren aktivieren, ändert das Tool sein Verhalten. Es serialisiert und sortiert die Inhalte beider Arrays alphabetisch, bevor sie verglichen werden. Das bedeutet: Wenn Ihr ursprüngliches Array ["apple", "banana"] und Ihr geändertes Array ["banana", "apple"] lautet, meldet das Tool keine Änderungen. Diese Funktion ist äußerst hilfreich beim Vergleichen von API-Antworten aus Datenbanken, die keine feste Sortierreihenfolge garantieren.

Häufige Anwendungsfälle

API-Antworten debuggen. Wenn ein API-Endpunkt plötzlich ausfällt, ist der Vergleich der alten, funktionierenden Antwort mit der neuen, fehlerhaften der schnellste Weg, um die Ursache zu finden. Füge beide Payloads ein, um sofort zu sehen, ob ein Schlüssel umbenannt wurde, sich ein Datentyp von einem String in einen Integer geändert hat oder ein verschachteltes Objekt entfernt wurde.

Konfigurationsdateien überprüfen. Moderne Anwendungen stützen sich stark auf JSON-Konfigurationsdateien wie package.json, tsconfig.json oder Cloud-Deployment-Templates. Nutze dieses Tool vor einem Commit, um genau zu prüfen, welche Abhängigkeiten aktualisiert oder welche Einstellungen geändert wurden.

Überprüfung von Datenbankeinträgen. Dokumentendatenbanken wie MongoDB speichern Datensätze als JSON-ähnliche Strukturen. Wenn du nachvollziehen musst, wie sich ein bestimmtes Benutzerprofil oder Dokument im Laufe der Zeit verändert hat, liefert der Vergleich eines historischen JSON-Exports mit dem aktuellen Stand einen klaren Audit-Trail aller hinzugefügten, entfernten und geänderten Felder.

Die Ausgabe verstehen

Sobald Sie gültiges JSON in beide Felder einfügen, erstellt das Tool eine Zusammenfassung und eine detaillierte Liste der Änderungen:

• Hinzugefügt (+): Schlüssel oder Array-Elemente, die im geänderten JSON, aber nicht im Original vorhanden sind. Diese sind grün hervorgehoben.
• Entfernt (−): Schlüssel oder Array-Elemente, die im originalen JSON existieren, aber in der geänderten Version fehlen. Diese sind rot hervorgehoben.
• Geändert (~): Schlüssel, die in beiden existieren, aber unterschiedliche Werte haben (z. B. ein String wurde aktualisiert oder ein Boolean von true auf false geändert). Diese sind gelb hervorgehoben und zeigen sowohl den alten als auch den neuen Wert.

Wenn Sie die Ergebnisse des Vergleichs mit Kollegen teilen oder in einen Bug-Report einfügen möchten, nutzen Sie den Kopieren-Button. Dieser kopiert eine übersichtliche Text-Zusammenfassung aller geänderten Pfade und der dazugehörigen Werte.

Für die weitere Datenverarbeitung können Sie unformatierte Daten zunächst mit dem JSON Formatter formatieren. Sobald Ihre JSON-Struktur feststeht, lassen sich mit dem JSON to TypeScript-Konverter die passenden Typdefinitionen generieren.