JSON-Formatierer & Validator

Was ist JSON?

// Format (pretty-print) JSON with 2-space indentation
const raw = '{"name":"Alice","age":30,"active":true}';
const parsed = JSON.parse(raw);        // parse string → object
const formatted = JSON.stringify(parsed, null, 2);
console.log(formatted);
// → {
//     "name": "Alice",
//     "age": 30,
//     "active": true
//   }

// Minify JSON (strip all whitespace)
const minified = JSON.stringify(parsed);
console.log(minified);
// → '{"name":"Alice","age":30,"active":true}'

Hauptfunktionen

Beispiele

{"status":200,"data":{"user":{"id":"usr_2x7kP9","name":"Alice Chen","email":"alice@example.com","roles":["admin","editor"],"lastLogin":"2026-03-12T08:30:00Z"},"meta":{"requestId":"req_abc123","timestamp":1741776600}}}

{"name":"my-app","version":"2.1.0","private":true,"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"eslint ."},"dependencies":{"react":"^18.2.0","next":"14.1.0"},"devDependencies":{"typescript":"^5.3.0","eslint":"^8.56.0"}}

[{"id":1,"product":"Laptop Pro","price":1299.99,"inStock":true,"tags":["electronics","computers"]},{"id":2,"product":"Wireless Mouse","price":29.99,"inStock":false,"tags":["electronics","accessories"]},{"id":3,"product":"USB-C Hub","price":49.99,"inStock":true,"tags":["electronics","accessories"]}]

{"database":{"host":"localhost","port":5432,"name":"mydb","pool":{"min":2,"max":10}},"cache":{"enabled":true,"ttl":3600,"provider":"redis"},"logging":{"level":"info","format":"json","outputs":["stdout","file"]}}

Anleitung

1. 1

   JSON einfügen

   Geben Sie Ihre rohen JSON-Daten im Eingabefeld oben ein oder fügen Sie sie ein. Sie können auch auf „Load example“ klicken, um ein Beispiel auszuprobieren.

2. 2

   Formatieren oder Minifizieren

   Klicken Sie auf „Format JSON“, um mit Einrückung hübsch zu formatieren, oder auf „Minify JSON“, um in eine einzelne Zeile zu komprimieren.

3. 3

   Ergebnis kopieren

   Das verarbeitete Ergebnis erscheint im Ausgabebereich. Klicken Sie auf „Copy“, um es in Ihre Zwischenablage zu kopieren.

Häufige JSON-Fehler

{"name": "Alice", "age": 30,}

{"name": "Alice", "age": 30}

{'name': 'Alice'}

{"name": "Alice"}

{name: "Alice"}

{"name": "Alice"}

{"name": "Alice" // user name}

{"name": "Alice"}

{"users": [{"name": "Alice"}

{"users": [{"name": "Alice"}]}

{"name": "Alice" "age": 30}

{"name": "Alice", "age": 30}

Häufige Anwendungsfälle

API-Antworten debuggen

Minifizierte API-Antworten in lesbares JSON formatieren zum schnellen Debuggen und Inspizieren.

Konfigurationsdateien

Konfigurationsdateien wie package.json, tsconfig.json und .eslintrc validieren und verschönern.

Dateninspektion

JSON-Daten aus Datenbanken, Logs oder Drittanbieterdiensten erkunden und verstehen.

Code-Review

JSON-Ausschnitte für klarere Diffs und einfacheren Vergleich bei Code-Reviews formatieren.

Dokumentation

Sauber formatierte JSON-Beispiele für technische Dokumentation und Tutorials erstellen.

Datenmigration

JSON-Struktur und -Syntax vor dem Import in neue Systeme validieren.

Technische Details

RFC 8259-konform

Vollständige Unterstützung der Standard-JSON-Spezifikation einschließlich Unicode und Escape-Zeichen.

Browserbasierte Verarbeitung

Die gesamte Formatierung läuft lokal in Ihrem Browser mit den nativen Methoden JSON.parse() und JSON.stringify().

Unterstützte Dateigröße

Verarbeitet JSON-Dateien bis zu 10 MB mit konfigurierbarer Einrückung (2 oder 4 Leerzeichen).

Best Practices

Vor der Verwendung validieren

Validieren Sie JSON-Daten immer vor der Verwendung in der Produktion, um Syntaxfehler frühzeitig zu erkennen.

Konsistente Einrückung verwenden

Verwenden Sie 2-Leerzeichen-Einrückung für Lesbarkeit und kleinere Dateigrößen in der Versionskontrolle.

Für Produktion minifizieren

Verwenden Sie minifiziertes JSON in API-Antworten und Konfigurationsdateien, um Bandbreite und Ladezeit zu reduzieren.

Häufig gestellte Fragen