JSON Formatter
Formatteer, minificeer en valideer JSON met syntaxis-markering
Invoer
Uitvoer
Wat is een JSON-formatter?
JSON (JavaScript Object Notation) is het meest gebruikte dataformaat op het web. API's retourneren het, configuratiebestanden gebruiken het, databases slaan het op. De JSON-specificatie houdt alles minimaal, wat ideaal is voor machines maar minder handig wanneer je de data moet lezen. Een JSON-formatter voegt inspringing en regeleinden toe aan ruwe of geminificeerde JSON zodat je de structuur duidelijk ziet.
Deze tool draait volledig in je browser. Je JSON wordt verwerkt met JSON.stringify() met 2-spaties inspringing, en het resultaat verschijnt in het uitvoerpaneel. Er wordt niets naar een server gestuurd, dus veilig te gebruiken met productiedata, tokens of alles wat je niet wilt laten vertrekken.
Voorbeelden van JSON-formattering
Hier zijn enkele voorbeelden van wat de formatter doet. Geminificeerde of compacte JSON is moeilijk te lezen; formatteren maakt de structuur in één oogopslag zichtbaar.
Voorbeeld 1: Abonnee-record
Geminificeerde invoer (één regel):
Geformatteerde uitvoer:
Voorbeeld 2: Gespreksrecords
Geminificeerde invoer:
Geformatteerde uitvoer:
Klik op de knop Voorbeeld hierboven om een kant-en-klaar voorbeeld (mobiel plandata) in de editor te laden en de formatter in actie te zien.
Hoe deze tool te gebruiken
Plakken of uploaden
Kopieer je JSON en plak het in de linker editor. Je kunt ook op Uploaden klikken om een .json- of .txt-bestand van je computer te laden. De knop Voorbeeld laadt voorbeelddata om te testen.
Controleer de uitvoer
Het rechterpaneel wordt automatisch bijgewerkt terwijl je typt. Geldige JSON wordt geformatteerd met correcte inspringing volgens RFC 8259. Bij een syntaxfout (ontbrekende haak, trailing comma, ongequote sleutel) verschijnt een foutmelding.
Kopiëren, downloaden of minificeren
Gebruik Kopiëren om het resultaat op het klembord te zetten, Downloaden om het als bestand op te slaan, of Minificeren om alle witruimte te verwijderen en een compacte eenregelige versie te krijgen.
Hoe de formatter werkt
Beide editors gebruiken de Ace Editor, die syntaxis-markering, regelnummers en JSON-specifieke foutmarkeringen biedt. Wanneer je JSON plakt of typt in het invoerpaneel, wacht de tool 300 ms (om parsing tijdens het typen te vermijden) en voert dan JSON.parse() uit. Bij succes wordt JSON.stringify(data, null, 2) aangeroepen en het resultaat getoond. Bij fouten verschijnt een foutmelding.
Let op: JSON ondersteunt geen commentaar. Dat staat in de specificatie zelf, geen beperking van deze tool. Bestanden zoals settings.json van VS Code gebruiken JSONC (JSON met commentaar), een ander formaat. Verwijder commentaar voor het formatteren.
Waar JSON-formattering helpt
De meeste ontwikkelaars hebben een formatter nodig bij het lezen van API-responses. Je stuurt een verzoek via Postman of curl, en de response komt als één gecomprimeerde regel. Hier plakken maakt geneste objecten en arrays direct zichtbaar. Voor specifieke waarden uit grote responses werkt jq goed op de commandoregel.
Configuratiebestanden zijn een ander veelvoorkomend geval. Een <code>package.json</code> of <code>tsconfig.json</code> met inconsistente inspringing is moeilijk te reviewen in een pull request. Hier formatteren levert een consistente versie om terug te plakken. Voor het samenvoegen van twee configs is er de tool JSON Samenvoegen.
Database-exporten van <a href="https://www.mongodb.com/docs/manual/reference/mongodb-extended-json/" target="_blank" rel="noopener">MongoDB</a>, Firestore of CouchDB zijn typisch grote ongeformatteerde JSON-blokken. Hier doorheen halen helpt de documentstructuur te begrijpen voordat je importscripts of queries schrijft. Voor spreadsheetdata gebruik JSON naar CSV om te converteren.
Ook handig voor het delen van JSON met teamleden. Geformatteerde JSON in een Slack-bericht of Jira-ticket is veel leesbaarder dan een ruwe geminificeerde string. Eerst door de JSON Validator halen kan problemen vroeg detecteren.
Veelgestelde vragen
Zijn mijn gegevens privé?
Ja. De formattering gebeurt in je browser met JavaScript. Er worden geen gegevens naar een server gestuurd. Je kunt dit controleren door het Netwerk-tabblad van je browser te openen tijdens het gebruik van de tool.
Wat is de groottebeperking?
Er is geen vaste limiet van de tool. Het hangt af van het beschikbare geheugen van je browser. JSON-bestanden tot 10–15 MB werken meestal probleemloos in Chrome en Firefox. Voor zeer grote bestanden (honderden MB) is een commandoregel-tool zoals jq praktischer.
Wat doet Minificeren?
Het verwijdert alle witruimte (regeleinden, spaties, inspringing) uit de geformatteerde uitvoer, wat de kleinst mogelijke JSON-versie oplevert. Handig voor JSON in URLs, opslaan in databasevelden of het verkleinen van payload-grootte. Er is ook een aparte JSON Minifier pagina.
Waarom staat er "Ongeldige JSON" in de uitvoer?
De invoer bevat een syntaxfout. Veelvoorkomende oorzaken: trailing comma, enkele aanhalingstekens in plaats van dubbele, ongequote eigenschapsnamen of niet-overeenkomende haakjes. De JSON-specificatie is hier strikt over.
Kan dit JSON valideren tegen een schema?
Deze tool valideert alleen de syntax (of de JSON goed gevormd is), niet de structuur. Voor schemavalidatie gebruik de JSON Schema Generator of de JSON Validator voor gedetailleerdere controles.
Gerelateerde tools
Meer over JSON: MDN JSON-guide, RFC 8259, json.org en jq.