JSON verstehen: Ein Anfängerleitfaden zur Formatierung und Validierung
Schnelle Antwort
JSON ist ein textbasiertes Datenformat, das Schlüssel-Wert-Paare und Arrays verwendet. Es unterstützt Strings, Zahlen, Booleans, null, Objekte und Arrays. Verwenden Sie unseren kostenlosen JSON-Formatierer, um JSON-Daten zu embellieren, zu validieren und zu minifizieren — die gesamte Verarbeitung erfolgt in Ihrem Browser.
Einführung
JSON (JavaScript Object Notation) ist ein leichtgewichtiges Datenaustauschformat, das für Menschen leicht zu lesen und zu schreiben und für Maschinen leicht zu analysieren und zu generieren ist. Es ist das häufigste Datenformat für die Kommunikation zwischen Webservern und Browsern und hat XML in modernen Web-APIs weitgehend ersetzt.
Schritt für Schritt
-
Verstehen Sie die Syntax von JSON
JSON verwendet geschweifte Klammern {} für Objekte, eckige Klammern [] für Arrays und durch Doppelpunkte getrennte Schlüssel-Wert-Paare. Schlüssel müssen Zeichenfolgen in doppelten Anführungszeichen sein. Werte können Zeichenfolgen, Zahlen, boolesche Werte, Nullen, Objekte oder Arrays sein.
-
Formatieren Sie Ihr JSON
Fügen Sie Ihre JSON-Daten in das JSON-Formatierungstool ein. Dadurch wird JSON automatisch mit den richtigen Einzügen und Zeilenumbrüchen verschönert, sodass es leichter lesbar ist.
-
Validieren Sie die Struktur
Der Formatierer überprüft Ihren JSON auf Syntaxfehler. Wenn gültig, wird die formatierte Ausgabe angezeigt. Wenn es ungültig ist, wird eine Fehlermeldung angezeigt, die auf das Problem hinweist.
-
Kopieren oder verwenden Sie das Ergebnis
Kopieren Sie das formatierte JSON in Ihre Zwischenablage, um es in Ihrem Code, Ihrer Dokumentation oder beim Debuggen zu verwenden.
Beispiele
Einfaches Objekt
Eingang: {"name":"Alice","age":30}
Ausgabe: {
"name": "Alice",
"age": 30
}
Array von Objekten
Eingang: [{"id":1},{"id":2}]
Ausgabe: [
{ "id": 1 },
{ "id": 2 }
]
Verschachtelte Struktur
Eingang: {"user":{"name":"Bob","tags":["admin","user"]}}
Ausgabe: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
Häufige Probleme
- Verwendung einfacher Anführungszeichen für Zeichenfolgen – JSON erfordert doppelte Anführungszeichen für Zeichenfolgen und Schlüssel.
- Nachgestellte Kommas – JSON erlaubt kein Komma nach dem letzten Element in einem Objekt oder Array.
- Kommentare – JSON unterstützt keine Kommentare (// oder /* */). Verwenden Sie JSONC oder JSON5, wenn Sie Kommentare benötigen.
- Schlüssel ohne Anführungszeichen – alle Schlüssel müssen im Gegensatz zu JavaScript-Objektliteralen in doppelte Anführungszeichen gesetzt werden.
Tipps
- Verwenden Sie einen JSON-Formatierer, um Syntaxfehler abzufangen, bevor Sie Daten an einen API senden.
- Minimiertes JSON spart Bandbreite – verwenden Sie Minimierung in der Produktion und Formatierung in der Entwicklung.
- JSON unterstützt keine undefinierten Werte, Funktionen oder Datumsangaben als Werte – verwenden Sie Null- oder ISO 8601-Zeichenfolgen.
- Verwenden Sie JSON.parse() in JavaScript, um JSON-Strings in Objekte zu konvertieren, und JSON.stringify(), um Objekte in JSON zu konvertieren.