Wie benutzt du dieses Tool?
- Füge das erste JSON-Dokument in das Eingabefeld ein.
- Setze eine Trennzeile mit === darunter.
- Füge das zweite JSON-Dokument unter der Trennzeile ein.
- Die Unterschiede erscheinen automatisch mit JSON-Path, Wert und Typ-Info.
Was macht der JSON-Diff?
Der JSON-Diff nimmt zwei JSON-Dokumente — Original und geänderte Version — und listet alle Unterschiede strukturiert auf. Jede Differenz enthält den vollständigen JSON-Path, den alten und neuen Wert sowie die Art der Änderung: hinzugefügt, entfernt, geändert oder Typ-Wechsel.
Das Ergebnis ist eine kompakte Übersicht mit Zusammenfassung (Anzahl der Änderungen pro Kategorie) und Detailzeilen. Keine Registrierung, kein Login, kein Server-Upload.
Wie funktioniert der Vergleich?
Der Algorithmus durchläuft beide JSON-Bäume rekursiv. Auf jeder Ebene wird geprüft:
- Objekte: Schlüssel werden verglichen. Fehlende Schlüssel gelten als entfernt, neue als hinzugefügt, vorhandene werden rekursiv weiter verglichen.
- Arrays: Standardmäßig positionsbasiert — Element an Index 0 links wird mit Element an Index 0 rechts verglichen. Mit der Direktive
// ignore-array-orderin der ersten Zeile wechselt der Algorithmus auf Wert-Gleichheit: Elemente werden unabhängig von ihrer Position zugeordnet. - Primitive: Werte werden direkt verglichen. Stimmt der Typ nicht überein (z. B.
"42"vs.42), wird ein Typ-Wechsel gemeldet, nicht nur eine Wertänderung.
Vor dem Vergleich wird jedes Dokument mit JSON.parse() validiert. Syntaxfehler werden mit Zeilennummer gemeldet.
Welche Anwendungsbeispiele gibt es?
| Szenario | Beschreibung |
|---|---|
| API-Response-Vergleich | Zwei Antworten desselben Endpoints vergleichen, um Schema-Drift zu erkennen. |
| Konfigurations-Diff | package.json, tsconfig.json oder CI-Konfigurationen vor und nach einer Änderung prüfen. |
| Datenbank-Export-Abgleich | Zwei JSON-Exports einer Datenbank vergleichen, um geänderte Datensätze zu identifizieren. |
| Code-Review-Hilfe | JSON-Fixtures in Tests vergleichen, um unbeabsichtigte Änderungen zu finden. |
| Feature-Flag-Audit | Zwei Versionen einer Feature-Flag-Konfiguration vergleichen, um aktivierte oder deaktivierte Flags zu erkennen. |
| Lokalisierungs-Check | Zwei Sprach-JSON-Dateien vergleichen, um fehlende oder überschüssige Übersetzungsschlüssel zu finden. |
Welche Einsatzgebiete gibt es?
API-Entwicklung und Debugging. Backend-Teams vergleichen API-Responses vor und nach einem Deployment. Der JSON-Path jeder Änderung erleichtert das Auffinden der betroffenen Stelle im Code. Typ-Wechsel (z. B. "price": "9.99" → "price": 9.99) werden explizit markiert — ein häufiger Fehler bei Serialisierungs-Änderungen.
DevOps und Konfigurationsmanagement. Terraform-State-Dateien, Docker-Compose-Configs oder Kubernetes-Manifeste in JSON-Form lassen sich schnell vergleichen. Die Array-Order-Option ist besonders nützlich bei Listen von Umgebungsvariablen, deren Reihenfolge semantisch irrelevant ist.
Datenqualitäts-Prüfung. Datenanalysten vergleichen JSON-Exports aus verschiedenen Quellen oder Zeitpunkten. Der Diff zeigt nicht nur geänderte Werte, sondern auch strukturelle Abweichungen wie fehlende Felder oder Typ-Inkonsistenzen.
Frontend-Entwicklung. Mock-Daten, i18n-JSON-Dateien und Fixture-Dateien für Tests ändern sich häufig. Der JSON-Diff hilft, unbeabsichtigte Änderungen in Pull-Requests zu erkennen, bevor sie gemergt werden.
Häufige Fragen
Die Antworten auf die wichtigsten Fragen findest du oben im FAQ-Block — sie werden als strukturiertes JSON-LD (FAQPage) für Suchmaschinen ausgegeben.
Welche Entwickler-Tools sind verwandt?
Weitere Tools aus dem Konverter-Ökosystem, die zum Thema passen:
- JSON Formatter — JSON-Code lesbar formatieren, validieren und Syntaxfehler mit Zeilennummer erkennen.
- Text-Diff — Zwei Texte vergleichen und Unterschiede auf Wort- und Zeilenebene farblich markieren.
- XML Formatter — XML-Code einrücken, validieren und übersichtlich formatieren.
Zuletzt aktualisiert: