JSON & Data Tools: JSON formatieren, validieren, konvertieren und abfragen – ganz ohne Code — FreeTool24

Code-Editor mit JSON-Datenstruktur

JSON ist die universelle Sprache von APIs, Konfigurationsdateien, Datenbanken und Datenaustauschformaten. Entwickler arbeiten ständig damit – und müssen es ständig formatieren, validieren, transformieren oder Informationen daraus extrahieren. Hier ist ein vollständiger Leitfaden zu den Tools, die jede gängige JSON-Aufgabe abdecken – alle laufen direkt im Browser.

1. JSON Formatter & Validator

Die häufigste JSON-Aufgabe: Man fügt eine minimierte oder rohe API-Antwort ein und möchte sie lesbar machen.

Unser JSON Formatter erfüllt drei Aufgaben:

Einrücken: Nimmt {"name":"Alice","age":30,"scores":[98,87,91]} und formatiert es als:

{
  "name": "Alice",
  "age": 30,
  "scores": [98, 87, 91]
}

Validieren: Markiert Syntaxfehler sofort mit der genauen Zeile und Position. Häufige Fehler, die erkannt werden:

Abschließende Kommas (in JS-Objekten erlaubt, in JSON ungültig)
Einfache statt doppelte Anführungszeichen
Nicht in Anführungszeichen gesetzte Schlüssel
Fehlende Kommas zwischen Feldern
Nicht übereinstimmende Klammern

Minimieren: Komprimiert formatierten JSON zurück in eine einzige Zeile für API-Anfragen oder die Speicherung.

2. JSON zu TypeScript: Interfaces automatisch generieren

TypeScript-Interfaces von Hand aus einer großen API-Antwort zu schreiben ist mühsam und fehleranfällig. Unser JSON to TypeScript-Konverter generiert sie automatisch.

Eingabe:

{
  "user": {
    "id": 1,
    "name": "Alice",
    "email": "alice@example.com",
    "roles": ["admin", "editor"],
    "metadata": {
      "createdAt": "2024-01-15T10:00:00Z",
      "active": true
    }
  }
}

Ausgabe:

interface Metadata {
  createdAt: string;
  active: boolean;
}

interface User {
  id: number;
  name: string;
  email: string;
  roles: string[];
  metadata: Metadata;
}

interface Root {
  user: User;
}

Der Konverter verarbeitet verschachtelte Objekte, Arrays, optionale Felder (wenn bestimmte Schlüssel in der Eingabe fehlen) und Union-Typen. Einfach eine echte API-Antwort einfügen und in Sekunden produktionsreifes TypeScript erhalten.

3. JSON zu Zod Schema: Laufzeit-Validierung

TypeScript-Interfaces gelten nur zur Kompilierzeit. Für die Laufzeit-Validierung – also das Validieren von API-Antworten, Formulardaten oder Konfigurationsdateien zur Laufzeit – wird Zod benötigt. Unser JSON to Zod-Konverter generiert aus beliebigem JSON ein vollständiges Zod-Schema.

Aus der obigen Eingabe:

import { z } from "zod";

const MetadataSchema = z.object({
  createdAt: z.string().datetime(),
  active: z.boolean(),
});

const UserSchema = z.object({
  id: z.number(),
  name: z.string(),
  email: z.string().email(),
  roles: z.array(z.string()),
  metadata: MetadataSchema,
});

const RootSchema = z.object({
  user: UserSchema,
});

Zu beachten ist die intelligente Typerkennung — createdAt wird als ISO-Datetime-String erkannt, email als E-Mail-Adresse. Das sind keine einfachen z.string()-Angaben – die Formate werden tatsächlich validiert.

4. JSON Schema Validator: Daten gegen ein Schema prüfen

Wenn ein JSON Schema (Draft 4, 6, 7 oder 2019-09) vorhanden ist und Daten dagegen validiert werden sollen, führt unser JSON Schema Validator die Validierung mithilfe der ajv-Bibliothek direkt im Browser durch.

Anwendungsfälle:

API-Anfrage-/Antwort-Payloads während der Entwicklung validieren
Prüfen, ob generierte Daten dem Schema entsprechen
Schema-Validierungsfehler vor dem Deployment debuggen
Sicherstellen, dass Konfigurationsdateien der Spezifikation entsprechen

Der Validator zeigt detaillierte Fehlerpfade – nicht nur „Validierung fehlgeschlagen", sondern genau welches Feld fehlgeschlagen ist und warum:

/user/email: must match format "email"
/user/age: must be >= 0
/user/roles/2: must be string

5. JSON Diff Viewer: Genau sehen, was sich geändert hat

Beim Debuggen von API-Änderungen oder beim Vergleichen zweier Daten-Snapshots zeigt unser JSON Diff Viewer exakt, was hinzugefügt, entfernt oder geändert wurde.

Links (vorher):           Rechts (nachher):
{                         {
  "status": "active",       "status": "inactive",   ← geändert
  "count": 42,              "count": 42,
  "tags": ["a", "b"],       "tags": ["a", "b", "c"] ← "c" hinzugefügt
  "deprecated": true        
}                         }                         ← "deprecated" entfernt

Der Diff wird in einer Baumansicht mit Farbcodierung angezeigt:

🟢 Grün: hinzugefügt
🔴 Rot: entfernt
🟡 Gelb: geändert
⬜ Grau: unverändert

Häufige Anwendungsfälle:

Zwei API-Antworten vor und nach einer Code-Änderung vergleichen
Prüfen, was sich in einer großen Konfigurationsdatei geändert hat
Debuggen, warum eine gecachte Antwort von einer frischen abweicht
Sicherstellen, dass eine Datenmigration die erwartete Ausgabe erzeugt hat

6. JSONPath Finder: Per Klick zum Pfad

JSONPath ist die Abfragesprache für JSON – das Äquivalent zu XPath für XML. Wenn der JSONPath zu einem bestimmten verschachtelten Wert gesucht wird, ermöglicht unser JSON Path Finder es, einen beliebigen Wert in der Baumansicht anzuklicken und den Pfad sofort angezeigt zu bekommen.

{
  "store": {
    "books": [
      { "title": "Clean Code", "price": 29.99 },
      { "title": "The Pragmatic Programmer", "price": 39.99 }
    ]
  }
}

Klick auf 29.99 → Pfad: $.store.books[0].price Klick auf "The Pragmatic Programmer" → Pfad: $.store.books[1].title

Pfade werden sowohl in Punktnotation ($.store.books[0].price) als auch in Klammernotation ($['store']['books'][0]['price']) angezeigt, sodass sie problemlos in JavaScript, Python oder einer beliebigen JSONPath-Bibliothek verwendet werden können.

7. JSON zu CSV / CSV zu JSON: Zwischen Formaten konvertieren

APIs liefern JSON; Tabellenkalkulationen erwarten CSV. Unser CSV ↔ JSON Converter unterstützt beide Richtungen.

JSON-Array → CSV:

[
  { "name": "Alice", "age": 30, "city": "NYC" },
  { "name": "Bob", "age": 25, "city": "LA" }
]

Wird zu:

name,age,city
Alice,30,NYC
Bob,25,LA

CSV → JSON: In die andere Richtung – nimmt eine CSV mit Kopfzeilen und erzeugt ein Array von Objekten. Verarbeitet Felder in Anführungszeichen, Kommas in Werten und verschiedene Zeilenenden.

Für mehr Kontrolle über CSV-Daten kann das Tool SQL on CSV genutzt werden, um SELECT-Abfragen direkt auf hochgeladene CSV-Dateien auszuführen – filtern, sortieren und verknüpfen, ohne eine Zeile Python zu schreiben.

8. JSON zu SQL: INSERT-Anweisungen generieren

Beim Befüllen einer Datenbank mit JSON-Daten generiert unser JSON to SQL Converter INSERT-Anweisungen für beliebige SQL-Dialekte.

Eingabe:

[
  { "id": 1, "name": "Alice", "email": "alice@example.com" },
  { "id": 2, "name": "Bob", "email": "bob@example.com" }
]

Ausgabe (PostgreSQL):

INSERT INTO users (id, name, email) VALUES
(1, 'Alice', 'alice@example.com'),
(2, 'Bob', 'bob@example.com');

Unterstützt MySQL, PostgreSQL, SQLite und SQL Server – mit korrekter Behandlung von Anführungszeichen, NULL-Werten und booleschen Darstellungen für jeden Dialekt.

9. JSON Table Viewer: JSON-Arrays als Tabelle anzeigen

Manchmal muss keine Abfrage geschrieben werden – man möchte ein JSON-Array einfach als Tabelle sehen. Unser JSON Table Viewer stellt jedes JSON-Array von Objekten als sortierbare, durchsuchbare Tabelle dar.

Auf einen Spaltenheader klicken zum Sortieren. Im Suchfeld tippen zum Filtern von Zeilen. Funktioniert mit Arrays beliebiger Größe, verarbeitet verschachtelte Objekte durch Vereinfachung und hebt übereinstimmende Suchbegriffe hervor.

Kurzübersicht

Aufgabe	Tool
JSON formatieren/validieren	JSON Formatter
TypeScript-Interfaces generieren	JSON to TypeScript
Zod-Validierungsschema generieren	JSON to Zod
Gegen JSON Schema validieren	JSON Schema Validator
Zwei JSON-Objekte vergleichen	JSON Diff Viewer
JSONPath eines Werts finden	JSON Path Finder
JSON ↔ CSV konvertieren	CSV ↔ JSON Converter
SQL INSERT-Anweisungen generieren	JSON to SQL
JSON als Tabelle anzeigen	JSON Table Viewer

Der gemeinsame Nenner: Alle diese Tools laufen vollständig im Browser. Große JSON-Payloads verlassen niemals den eigenen Rechner, was ihren Einsatz mit Produktionsdaten, in Antworten eingebetteten API-Keys und sensiblen Payloads sicher macht, die man nicht von einem Drittanbieter-Server verarbeiten lassen möchte.