JSON Formatter Online: Complete Gids voor Ontwikkelaars 2026
31 mei 2026 · 7 min. leestijd · JSON Formatter Tool →
JSON is de ruggengraat van moderne webontwikkeling. Of het nu gaat om REST-API's, GraphQL, configuratiebestanden of AI API-antwoorden — JSON is overal. Maar ruwe, geminificeerde JSON-gegevens zijn voor mensen nauwelijks leesbaar. Hier komen JSON-formatters om de hoek kijken.
Wat formatteren echt verandert — en wat niet: een formatter raakt alleen witruimte aan; volgens RFC 8259 blijven de data semantisch identiek. Nuttiger dan verfraaien is validatie. De ToolPry-formatter parseert met JSON.parse() direct in de browser en markeert de eerste overtreding — vaak één teken vóór de positie die de native parser meldt. Niets wordt geüpload.
Wat is een JSON Formatter?
Een JSON Formatter (ook wel JSON Beautifier of JSON Pretty Printer genoemd) neemt compacte, moeilijk leesbare JSON-code en formatteert deze met inspringing, regelafbrekingen en syntaxmarkering. Het resultaat is semantisch identiek — alleen de witruimtetekens veranderen.
Voorbeeld: Geminificeerde JSON uit een API-antwoord:
{"name":"ToolPry","version":"4.0","tools":15,"privacy":true}
Geldt voor JSON volgens RFC 8259; JSON.parse gedraagt zich identiek in moderne browsers en Node.js.
Na formattering (met 2 spaties inspringing):
{
"name": "ToolPry",
"version": "4.0",
"tools": 15,
"privacy": true
}
JSON formatteren in de opdrachtregel
jq is het krachtigste JSON-opdrachtregelgereedschap:
# JSON uitvoeren en formatteren
curl -s https://api.example.com/data | jq .
# Op macOS installeren
brew install jq
# Op Ubuntu/Debian
sudo apt install jq
Python is een andere eenvoudige optie:
# JSON uit stdin formatteren
echo '{"naam":"test","waarde":42}' | python3 -m json.tool
Veelvoorkomende JSON-syntaxfouten
1. Overtollige komma's (trailing commas)
JavaScript staat trailing commas toe, JSON niet:
// Fout (trailing comma)
{ "naam": "test", "waarde": 42, }
// Correct (geldig JSON)
{ "naam": "test", "waarde": 42 }
2. Enkele aanhalingstekens
// Fout
{ 'naam': 'test' }
// Correct
{ "naam": "test" }
JSON-formattering voor AI API-antwoorden
Met de opkomst van AI-API's zoals OpenAI, Anthropic Claude en Google Gemini is JSON-formattering nog belangrijker geworden. AI-antwoorden kunnen complexe, diep geneste JSON-structuren zijn:
{
"id": "chatcmpl-abc123",
"object": "chat.completion",
"model": "gpt-4o",
"choices": [
{
"index": 0,
"message": {
"role": "assistant",
"content": "Hallo! Hoe kan ik u helpen?"
},
"finish_reason": "stop"
}
],
"usage": {
"prompt_tokens": 10,
"completion_tokens": 12,
"total_tokens": 22
}
}
Omdat AI API-antwoorden vaak gevoelige gegevens of eigen informatie kunnen bevatten, is het belangrijk een formatter te kiezen die volledig in de browser werkt en geen gegevens naar externe servers verzendt. De ToolPry JSON Formatter is AVG-conform en verwerkt alles lokaal.
JSON versus andere dataformaten
JSON is niet altijd de beste keuze. Een vergelijking:
| Formaat | Voordelen | Nadelen |
|---|---|---|
| JSON | Universeel, lichtgewicht | Geen commentaar |
| YAML | Leesbaar, commentaar | Inspringing-gevoelig |
| XML | Rijke metadata | Uitgebreid |
| CSV | Eenvoudig, Excel-compatibel | Geen nesting |
JSON Formatter direct gebruiken →
Formatteer, valideer en minificeer JSON direct — zonder registratie, zonder serververbinding. Uw gegevens blijven privé. AVG-conform.
JSON Formatter openenWat is JSON formatteren?
JSON (JavaScript Object Notation) is een lichtgewicht data-uitwisselingsformaat dat door vrijwel alle programmeertalen wordt ondersteund. Wanneer JSON-gegevens worden doorgegeven tussen APIs, databases of applicaties, zijn ze vaak gecomprimeerd tot één lange regel zonder witruimte — dit noemen we minified JSON. JSON formatteren, ook wel pretty-printing genannt, voegt inspringing en regelafbrekingen toe om de structuur leesbaar te maken.
Een ongeformatteerd JSON-object ziet er zo uit:
{"gebruiker":{"id":1,"naam":"Jan de Vries","email":"jan@example.nl","actief":true,"rollen":["admin","editor"]}}
Na het formatteren met inspringing van 2 spaties:
{
"gebruiker": {
"id": 1,
"naam": "Jan de Vries",
"email": "jan@example.nl",
"actief": true,
"rollen": ["admin", "editor"]
}
}
De structuur is nu direct zichtbaar: de sleutel rollen bevat een array, actief is een boolean, en id is een getal. Inspringing maakt nestingsniveaus onmiddellijk duidelijk.
Veelgemaakte JSON-fouten en hoe u ze oplost
De JSON-specificatie is streng. Fouten die in JavaScript wel geldig zijn, veroorzaken parsefouten in JSON. Dit zijn de meest voorkomende:
Afsluitende komma (trailing comma)
In JavaScript mag u een komma na het laatste element plaatsen — in JSON niet. Dit geeft een parseerfout:
// FOUT — afsluitende komma
{"naam": "Jan", "stad": "Amsterdam",}
// CORRECT
{"naam": "Jan", "stad": "Amsterdam"}
Enkelvoudige aanhalingstekens
JSON vereist dubbele aanhalingstekens voor alle strings. Enkelvoudige aanhalingstekens zijn geldig in JavaScript maar ongeldig in JSON:
// FOUT — enkelvoudige aanhalingstekens
{'naam': 'Jan'}
// CORRECT
{"naam": "Jan"}
Onbeheerde sleutels
JSON-objectsleutels moeten altijd strings zijn — omringd door dubbele aanhalingstekens:
// FOUT — onbeheerde sleutel
{naam: "Jan"}
// CORRECT
{"naam": "Jan"}
De ToolPry JSON Formatter detecteert al deze fouten automatisch en biedt een knop "⚡ Auto-fix" aan voor afsluitende komma's, enkelvoudige aanhalingstekens en andere veelvoorkomende problemen.
JSON formatteren in JavaScript en Python
JavaScript
const data = { naam: "Jan", stad: "Amsterdam", actief: true };
// Formatteren met 2 spaties inspringing
const geformatteerd = JSON.stringify(data, null, 2);
console.log(geformatteerd);
// Comprimeren (minify) voor opslag of verzending
const gecomprimeerd = JSON.stringify(data);
// Parsen van een JSON-string
const object = JSON.parse('{"naam":"Jan","stad":"Amsterdam"}');
Python
import json
data = {"naam": "Jan", "stad": "Amsterdam", "actief": True}
# Formatteren met inspringing
geformatteerd = json.dumps(data, indent=2, ensure_ascii=False)
print(geformatteerd)
# Comprimeren
gecomprimeerd = json.dumps(data, separators=(",", ":"))
# Parsen
text = '{"naam": "Jan", "stad": "Amsterdam"}'
object = json.loads(text)
JSON valideren — waarom het belangrijk is
Validatie controleert of een JSON-document syntactisch correct is, zodat uw applicatie het zonder fouten kan parsen. Ongeldige JSON is een veelvoorkomende oorzaak van API-fouten, waarbij de server een HTTP 400 (Bad Request) teruggeeft. Voor productiesystemen is het verstandig JSON altijd te valideren voordat u het naar een API stuurt.
Klik op "Valideren" in de ToolPry JSON Formatter om onmiddellijk feedback te krijgen over syntaxfouten, inclusief het exacte regelnummer en kolomnummer waar het probleem zich bevindt.
Veelgestelde vragen
Wat is het verschil tussen JSON en JavaScript-objecten?
JavaScript-objecten en JSON lijken op elkaar maar zijn niet identiek. JSON vereist aanhalingstekens rond sleutels, ondersteunt geen functies of undefined-waarden, en staat geen opmerkingen toe. JSON is een tekst-serialisatieformaat; JavaScript-objecten zijn runtime-datastructuren.
Kan JSON opmerkingen bevatten?
Nee. De officiële JSON-specificatie (RFC 8259) staat geen opmerkingen toe. Als u opmerkingen in configuratiebestanden wilt, overweeg dan JSONC (JSON met opmerkingen, ondersteund door VS Code en andere editors) of YAML.
Wat is de maximale bestandsgrootte voor de online formatter?
De ToolPry JSON Formatter verwerkt alles volledig in uw browser. Er is geen limiet op bestandsgrootte vanuit de server, maar zeer grote bestanden (meerdere MB) kunnen de responsiviteit van de browser beïnvloeden.