Sprache auswählen

JSON Formatter: JSON formatieren und prüfen

JSON formatieren, einrücken und auf Syntaxfehler prüfen. Mit einstellbarer Einrückung, Minify-Funktion und farbiger Hervorhebung direkt im Browser.

Mehmet Demiray Veröffentlicht Aktualisiert
Teilen
Lesbar oder kompakt in einer Zeile
Abstand pro Verschachtelungsebene beim Formatieren
Objektschlüssel alphabetisch sortieren

Was der JSON Formatter macht

Der JSON Formatter nimmt rohes, unübersichtliches JSON und bringt es in eine saubere, gut lesbare Struktur. Du fügst deinen Text in das Eingabefeld ein, und das Werkzeug richtet jede Ebene mit konsistenter Einrückung aus. Verschachtelte Objekte und Arrays werden klar voneinander abgesetzt, sodass du auf einen Blick erkennst, welcher Wert zu welchem Schlüssel gehört.

Typische Anwendungsfälle sind Antworten von Programmierschnittstellen, Konfigurationsdateien und Logdaten, die oft in einer einzigen langen Zeile ankommen. Solche Daten lassen sich kaum prüfen, solange sie nicht formatiert sind. Der Formatter macht aus diesem Wirrwarr eine übersichtliche Baumstruktur.

Wichtig ist, dass die Verarbeitung vollständig in deinem Browser stattfindet. Deine Daten werden nicht an einen Server gesendet, was bei sensiblen Inhalten wie Zugangsdaten oder Kundeninformationen entscheidend ist. Du behältst die Kontrolle über jedes Byte, das du einfügst, und kannst das Ergebnis sofort wieder kopieren.

Einrückung und Minify steuern

Lesbarkeit hängt stark von der Einrückung ab. Du kannst zwischen 2 und 4 Leerzeichen oder einem Tabulator wählen, je nachdem, welche Konvention dein Projekt vorgibt. Viele Frontend-Projekte nutzen 2 Leerzeichen, während andere Teams Tabulatoren bevorzugen.

Für den umgekehrten Fall gibt es die Minify-Funktion. Sie entfernt alle überflüssigen Leerzeichen und Zeilenumbrüche und presst das JSON in eine einzige kompakte Zeile. Das spart Speicherplatz und reduziert die übertragene Datenmenge, was besonders bei Programmierschnittstellen und Konfigurationen zählt, die häufig geladen werden.

Ein typischer Vergleich zwischen formatiert und minimiert:

Modus Zweck
Formatiert Lesen, Debuggen, Prüfen
Minimiert Speichern, Übertragen, Einbetten

So wechselst du je nach Aufgabe zwischen einer menschenfreundlichen und einer maschinenfreundlichen Darstellung, ohne den Inhalt selbst zu verändern.

JSON validieren und Fehler finden

Ein häufiger Grund, ein solches Werkzeug zu öffnen, ist ein kaputtes JSON. Schon ein fehlendes Komma, eine zu viel gesetzte schließende Klammer oder ein nicht maskiertes Anführungszeichen führen dazu, dass eine Anwendung die Daten nicht mehr einlesen kann.

Der Formatter prüft die Syntax beim Verarbeiten und meldet, wenn etwas nicht stimmt. Statt eine kryptische Fehlermeldung in der Konsole zu sehen, erkennst du direkt die Stelle, an der die Struktur bricht. Zu den häufigsten Fehlern zählen:

  • Ein Komma nach dem letzten Element in einem Objekt oder Array
  • Einfache statt doppelter Anführungszeichen um Schlüssel
  • Fehlende Anführungszeichen bei Zeichenketten
  • Nicht geschlossene Klammern { oder [
  • Kommentare, die in reinem JSON nicht erlaubt sind

Wenn die Daten gültig sind, erhältst du eine bestätigte, formatierte Ausgabe. So nutzt du den Formatter zugleich als schnellen Validator, bevor du das JSON in eine Anwendung übernimmst.

Vom rohen Datenstrom zur Baumstruktur

JSON beschreibt Daten als Verschachtelung aus Objekten, Arrays und einfachen Werten. Ohne Formatierung verschwimmt diese Hierarchie, gerade bei tief verschachtelten Antworten. Mit klarer Einrückung wird aus der Zeichenkette eine sichtbare Baumstruktur.

Ein kurzes Beispiel zeigt den Unterschied. Roh sieht ein Eintrag so aus:

{"stadt":"Berlin","plz":"10115","tags":["hauptstadt","messe"]}

Formatiert wird daraus eine Struktur, in der jeder Schlüssel auf einer eigenen Zeile steht und das Array klar erkennbar ist. Die farbige Hervorhebung unterscheidet zusätzlich Schlüssel, Zeichenketten, Zahlen und boolesche Werte.

Diese Darstellung hilft beim Debuggen, weil du fehlende Felder, falsche Datentypen oder unerwartete Verschachtelungen sofort siehst. Wenn du anschließend einzelne Werte weiterverwenden möchtest, kopierst du sie ohne Suchen aus der übersichtlichen Ausgabe. Damit eignet sich der Formatter sowohl für die schnelle Kontrolle als auch für die genaue Analyse größerer Datenmengen.

Passende Werkzeuge rund um JSON

JSON steht selten allein. Oft kommen Daten in einem anderen Format an und müssen erst umgewandelt werden, bevor du sie formatieren kannst. Für diese Fälle gibt es ergänzende Werkzeuge bei Callculation.

Wenn deine Quelle eine Tabelle ist, hilft der CSV nach JSON Konverter, um Zeilen und Spalten in eine saubere JSON-Struktur zu überführen. Arbeitest du mit Konfigurationsdateien, wandelt der YAML nach JSON Konverter die kompakte YAML-Syntax in JSON um. Stammen deine Daten aus älteren Schnittstellen, überführt der XML nach JSON Konverter verschachtelte XML-Knoten in JSON.

Ein verwandter Anwendungsfall sind Tokens aus der Authentifizierung. Der JWT Decoder zerlegt einen Token in seine Bestandteile, deren Nutzlast wiederum als JSON vorliegt. Diese Bausteine greifen ineinander: erst umwandeln oder dekodieren, dann mit dem Formatter prüfen und sauber darstellen. So deckst du den gesamten Weg von Rohdaten bis zur lesbaren Struktur ab.

Die, die wir am häufigsten beantworten.

Werden meine Daten beim Formatieren hochgeladen?

Nein. Die gesamte Verarbeitung läuft lokal in deinem Browser. Dein JSON wird nicht an einen Server gesendet, sodass auch sensible Inhalte wie Zugangsdaten oder Kundendaten dein Gerät nicht verlassen.

Welche Einrückung sollte ich wählen?

Das hängt von deinem Projekt ab. Viele Frontend-Teams nutzen 2 Leerzeichen, andere bevorzugen 4 Leerzeichen oder Tabulatoren. Halte dich an die Konvention deines Repositories, damit das formatierte Ergebnis konsistent zum restlichen Code bleibt.

Was bedeutet die Minify-Funktion?

Minify entfernt alle Leerzeichen und Zeilenumbrüche und komprimiert das JSON in eine einzige Zeile. Das verringert die Dateigröße und die übertragene Datenmenge, ohne den Inhalt zu verändern. Ideal, um JSON platzsparend zu speichern oder über eine Schnittstelle zu senden.

Warum wird mein JSON als ungültig gemeldet?

Meist liegt es an einem überflüssigen Komma nach dem letzten Element, einfachen statt doppelten Anführungszeichen, fehlenden Anführungszeichen um Zeichenketten oder einer nicht geschlossenen Klammer. Kommentare sind in reinem JSON ebenfalls nicht erlaubt. Der Formatter zeigt dir, wo die Struktur bricht.

Kann der Formatter auch sehr großes JSON verarbeiten?

Ja, er kommt mit umfangreichen Dateien zurecht, solange dein Browser genug Arbeitsspeicher hat. Bei sehr großen Strukturen kann die Anzeige etwas langsamer werden, da die farbige Hervorhebung viele Elemente rendern muss. Für reine Kompaktierung ist die Minify-Funktion in solchen Fällen am schnellsten.

Kann ich aus anderen Formaten nach JSON umwandeln?

Ja. Nutze den CSV nach JSON Konverter, den YAML nach JSON Konverter oder den XML nach JSON Konverter, um deine Quelle zuerst in JSON zu überführen. Anschließend formatierst und prüfst du das Ergebnis hier.