CoderTools

JSON-Formatierer

Formatieren und validieren Sie Ihre JSON-Daten für bessere Lesbarkeit und einfacheres Debugging. Unterstützt Minimieren, Verschönern und Syntax-Hervorhebung.

Verwendung des JSON-Formatierers

Anwendungsschritte

  1. Fügen Sie Ihre JSON-Daten in das Eingabefeld links ein.
  2. Klicken Sie auf "Formatieren", um die JSON-Daten in eine lesbare Form zu bringen.
  3. Klicken Sie auf "Minimieren", um JSON-Daten in eine einzige Zeile zu komprimieren.
  4. Klicken Sie auf "Auto-Korrektur", um häufige JSON-Syntaxfehler automatisch zu beheben.
  5. Klicken Sie auf "Kopieren", um das Ergebnis in die Zwischenablage zu kopieren.
  6. Klicken Sie auf "Löschen", um Eingabe- und Ausgabebereiche zu leeren.
  7. Verwenden Sie den Schalter "Ausgabe escapen", um die Ausgabe für die Einbettung in Programmcode zu maskieren.
  8. Verwenden Sie den Schalter "Dunkler Modus", um das Anzeigedesign zu wechseln.

Beispiel für escapte Ausgabe

Wenn die Escape-Ausgabe aktiviert ist, werden JSON-Strings für die direkte Einbettung in Programmcode maskiert. Zum Beispiel:

Normale Ausgabe::

{ "message": "Hello \"World\"", "newline": "Line 1\nLine 2" }

Escapte Ausgabe::

{\n \"message\": \"Hello \\\"World\\\"\",\n \"newline\": \"Line 1\\nLine 2\"\n}

Funktionen

  • Automatische Formatierung: Verschönern Sie Ihre JSON-Daten mit korrekter Einrückung und Zeilenumbrüchen.
  • Syntax-Validierung: Prüfen Sie auf Syntaxfehler in Ihren JSON-Daten und erhalten Sie Fehlermeldungen.
  • Syntax-Hervorhebung: Markieren Sie JSON-Schlüssel-Wert-Paare und Datentypen mit unterschiedlichen Farben.
  • Minimierungsfunktion: Konvertieren Sie formatiertes JSON in eine kompakte einzeilige Form zur Reduzierung der Datengröße.
  • Auto-Korrektur: Beheben Sie automatisch häufige JSON-Syntaxfehler wie fehlende Anführungszeichen bei Schlüsseln und abschließende Kommas.
  • Ausgabe escapen: Maskieren Sie JSON-Strings für die direkte Einbettung in Programmcode.
  • Lokale Verarbeitung: Alle Datenverarbeitung erfolgt in Ihrem Browser, nichts wird auf Server hochgeladen.
  • Echtzeitverarbeitung: Eingabeänderungen werden automatisch verarbeitet und Ergebnisse aktualisiert.

Was ist JSON?

JSON (JavaScript Object Notation) ist ein leichtgewichtiges Datenaustauschformat, das für Menschen leicht zu lesen und zu schreiben und für Maschinen einfach zu parsen und zu generieren ist. JSON basiert auf einer Teilmenge der JavaScript-Sprache, ist aber ein vollständig sprachunabhängiges Textformat, das von den meisten Programmiersprachen zum Parsen und Generieren unterstützt wird. JSON wurde Anfang der 2000er Jahre von Douglas Crockford vorgeschlagen und in ECMA-404 und RFC 8259 standardisiert.

JSON-Syntaxregeln

  • Daten werden als Schlüssel/Wert-Paare dargestellt
  • Daten werden durch Kommas getrennt
  • Geschweifte Klammern {} enthalten Objekte
  • Eckige Klammern [] enthalten Arrays
  • Schlüssel müssen Strings in doppelten Anführungszeichen sein
  • Werte können Strings, Zahlen, Objekte, Arrays, Booleans oder null sein

JSON-Datentypen

Typ Beschreibung Beispiel
String Sequenz von Unicode-Zeichen in doppelten Anführungszeichen "Hello World"
Zahl Ganzzahl oder Fließkommazahl, nicht-numerische Werte werden nicht unterstützt 42, 3.14
Objekt Ungeordnete Sammlung von Schlüssel/Wert-Paaren {"name": "John"}
Array Geordnete Sammlung von Werten [1, 2, 3]
Boolean true oder false true
null Leerer Wert null

JSON-Formatierungsalgorithmus

Der JSON-Formatierungsprozess umfasst hauptsächlich zwei Schritte: Parsen und Neugenerierung. Zuerst liest der Parser den JSON-String und erstellt eine Speicherrepräsentation, dann generiert der Formatierer den String mit spezifischen Einrückungen und Zeilenumbrüchen neu. Hier ist ein vereinfachter Formatierungsprozess:

// Simplified JSON formatting implementation
function formatJSON(jsonStr, indentSize = 2) {
  try {
    // Step 1: Parse JSON string to JavaScript object
    const obj = JSON.parse(jsonStr);
    
    // Step 2: Convert object back to string with indentation
    return JSON.stringify(obj, null, indentSize);
  } catch (e) {
    // Handle invalid JSON
    throw new Error("Invalid JSON: " + e.message);
  }
}

// Usage example
const uglyJson = '{"name":"John","age":30,"city":"New York"}';
const prettyJson = formatJSON(uglyJson);
console.log(prettyJson);
/*
Output:
{
  "name": "John",
  "age": 30,
  "city": "New York"
}
*/

Vergleich von JSON und XML

Merkmal JSON XML
Syntax Kompakt, verwendet geschweifte und eckige Klammern Komplexer, verwendet Tags und Attribute
Dateigröße Typischerweise kleiner als XML Typischerweise größer als JSON
Parse-Geschwindigkeit Schneller Langsamer
Datentypen Unterstützt grundlegende Datentypen Alle Daten sind Text
Namensräume Nicht unterstützt Unterstützt
Kommentare Nicht unterstützt Unterstützt
Benutzerfreundlichkeit Entwicklerfreundlicher Strukturierter und strenger

Häufige Probleme und Lösungen

Problem: JSON-Parsing-Fehler - fehlendes Komma oder Klammer

Lösung: Überprüfen Sie alle schließenden Klammern von Objekten und Arrays, stellen Sie sicher, dass jedem Schlüssel/Wert-Paar ein Komma folgt (außer beim letzten).

Problem: JSON-Parsing-Fehler - ungültiger Schlüsselwert

Lösung: Stellen Sie sicher, dass alle Schlüssel in doppelte Anführungszeichen gesetzt sind, einfache Anführungszeichen oder Schlüsselnamen ohne Anführungszeichen werden nicht unterstützt.

Problem: Probleme mit der JSON-Datengröße

Lösung: Verwenden Sie für große JSON-Daten die komprimierte Version zur Übertragung und formatieren Sie sie dann auf dem Client zur Anzeige.

Weitere offizielle Informationen über JSON finden Sie in folgenden Ressourcen: JSON.org | RFC 8259 | Wikipedia: JSON

Verwandte Tools

JSON YAML Konverter

Konvertierung zwischen JSON- und YAML-Formaten mit benutzerdefinierter Einrückung und Flow-/Block-Stil-Unterstützung

JSON CSV Konverter

Konvertierung zwischen JSON- und CSV-Formaten mit Verschachtelung von Objekten und benutzerdefinierten Trennzeichen

XML-Formatierer

Formatieren und validieren Sie XML-Daten mit Syntaxhervorhebung