JSON-Vergleich

Was ist JSON Diff?

Zu erkennen, was sich zwischen zwei JSON-Daten geändert hat — eine API-Antwort vorher und nachher, zwei Config-Versionen — ist schwer, wenn Formatierung oder Schlüsselreihenfolge abweichen. Dieser kostenlose JSON-Vergleich normalisiert beide Seiten (Formatierung + sortierte Schlüssel) und zeigt einen klaren zeilenweisen Vergleich, sodass Sie nur die echten Änderungen sehen — sofort im Browser.

JSON Diff vergleicht zwei JSON-Dokumente und zeigt genau, was sich zwischen ihnen geändert hat — welche Schlüssel hinzugefügt, entfernt oder geändert wurden und wie ihre alten und neuen Werte lauten. Unverzichtbar beim Debuggen von API-Änderungen zwischen Versionen oder beim Überprüfen von Konfigurationsänderungen.

JSON Vergleichen

  1. Fügen Sie das Original-JSON links ein.
  2. Fügen Sie das geänderte JSON rechts ein.
  3. Lesen Sie das hervorgehobene Diff — grün hinzugefügt, rot entfernt.

Wann Vergleichen

  • Eine API-Antwort vor und nach einer Code-Änderung vergleichen, um zu prüfen, dass nur die beabsichtigten Felder geändert wurden.
  • Eine Konfigurationsänderung zwischen zwei Umgebungen (Staging vs. Produktion) in lesbarem Format überprüfen.
  • Verfolgen, wie sich ein Datenbankdatensatz oder Dokument zwischen zwei Snapshots geändert hat.
  • Eine unerwartete API-Antwort debuggen, indem sie mit der erwarteten Ausgabe verglichen wird.

Wie JSON-Diffing funktioniert

Das Tool parst beide Eingaben zuerst mit JSON.parse(), um zu validieren, dass sie gültiges JSON sind. Dann führt es einen tiefen Strukturvergleich durch: Für jeden Schlüssel in beiden Objekten prüft es rekursiv, ob der Wert gleich ist.

Array-Diffing basiert auf Indizes: Position 0 links wird mit Position 0 rechts verglichen. Das Umsortieren eines Arrays zeigt alle Elemente als geändert.

Vorteile

  • Ignoriert Formatierungs- und Schlüsselreihenfolge-Rauschen.
  • Klare Hervorhebung hinzugefügter/entfernter Zeilen und Zähler.
  • Läuft im Browser — privat und kostenlos.

JSON-Vergleich, Vollständig Lokal

Beide JSON-Objekte, die du einfügst, werden mit einem JavaScript-Diff-Algorithmus verglichen, der in deinem Browser ausgeführt wird. Deine JSON-Daten werden vollständig lokal auf deiner Maschine verarbeitet; nichts wird an einen Server übertragen.

FAQ

Wie werden die beiden verglichen?

Beide Eingaben werden mit sortierten Schlüsseln formatiert und dann Zeile für Zeile verglichen — Umformatierung oder Schlüsselreihenfolge allein erscheinen nie als Unterschied.

Was bedeuten die Farben?

Grüne Zeilen wurden im geänderten JSON hinzugefügt; rote Zeilen wurden aus dem Original entfernt.

Werden meine Daten hochgeladen?

Nein. Der Vergleich läuft vollständig im Browser.

Warum werden beim Verschieben eines Elements in einem Array alle Elemente als geändert angezeigt?

Array-Diffing ist indexbasiert: Element an Position 0 wird mit Element an Position 0 im anderen Dokument verglichen. Bei Arrays, die Mengen darstellen, müsste man beide Arrays vor dem Vergleich sortieren.