Online JSON-formatter & validator

Wat is 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}'

Belangrijkste functies

Voorbeelden

{"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"]}}

Zo gebruik je het

1. 1

   Plak je JSON

   Voer je ruwe JSON-data in of plak die in het invoerveld hierboven. Je kunt ook op 'Load example' klikken om een voorbeeld te proberen.

2. 2

   Formatteren of minificeren

   Klik op 'Format JSON' om je JSON netjes in te springen met 2 spaties, of op 'Minify JSON' om te comprimeren naar één regel.

3. 3

   Kopieer het resultaat

   Het verwerkte resultaat verschijnt in het output-gebied. Klik op 'Copy' om het direct naar je klembord te kopiëren.

Veelvoorkomende JSON-fouten

{"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}

Veelvoorkomende gebruikssituaties

API response debuggen

Formatteer geminificeerde API responses naar leesbare JSON voor snel debuggen en inspecteren.

Configuratiebestanden

Valideer en verfraai configuratiebestanden zoals package.json, tsconfig.json en .eslintrc.

Data inspecteren

Verken en begrijp JSON-data geëxporteerd uit databases, logs of externe diensten.

Code review

Formatteer JSON-fragmenten voor duidelijkere diffs en gemakkelijker vergelijking tijdens code reviews.

Documentatie

Genereer netjes geformatteerde JSON-voorbeelden voor technische documentatie en tutorials.

Datamigratie

Valideer JSON-structuur en syntaxis vóór het importeren van data in nieuwe systemen.

Technische details

RFC 8259-conform

Volledige ondersteuning voor de standaard JSON-specificatie, inclusief Unicode en geëscapete tekens.

Browser-gebaseerde verwerking

Alle opmaak vindt lokaal in je browser plaats via native JSON.parse() en JSON.stringify().

Bestandsgrootte-ondersteuning

Verwerkt JSON-bestanden tot 10 MB met instelbare inspringing (2 of 4 spaties).

Best practices

Valideer vóór gebruik

Valideer JSON-data altijd voordat je die in productie gebruikt om syntaxfouten vroeg op te sporen.

Gebruik consistente inspringing

Houd 2 spaties inspringing aan voor leesbaarheid en kleinere bestandsgrootte in versiebeheer.

Minificeer voor productie

Gebruik geminificeerde JSON in API responses en configuratiebestanden om bandbreedte en laadtijd te verminderen.

Veelgestelde vragen