Wat is JSON-formattering?
JSON (JavaScript Object Notation) is een lichtgewicht, op tekst gebaseerd uitwisselingsformaat voor gegevens, gedefinieerd door RFC 8259 en ECMA-404. Een JSON-document is een boom van zes waardetypen: object, array, string, number, boolean en null. Formatteren voegt witruimte toe zodat mensen die boom kunnen lezen; minify haalt die witruimte weg zodat machines hem sneller over de lijn kunnen sturen.
Hoe werkt JSON-formattering?
Je invoer wordt volledig in je browser verwerkt met de ingebouwde functies JSON.parse en JSON.stringify. De belangrijkste stappen zijn:
- Je invoer wordt uit het tekstveld gelezen en voor- en achterliggende witruimte wordt verwijderd.
- De browser parseert deze met
JSON.parse. Is de invoer geen geldige JSON, dan gooit de parser eenSyntaxErrordie wordt opgevangen en getoond met de regel en kolom waar hij stopte. - Als de invoer geldig is, wordt de geparseerde waarde opnieuw uitgevoerd met
JSON.stringify(value, null, indent), waarbijindentde door jou gekozen inspringing is (2 spaties, 4 spaties of een tab-teken). - Bij minify wordt
JSON.stringify(value)aangeroepen zonder inspringargument, wat de kortste geldige vorm van dezelfde waarde oplevert, zonder overbodige witruimte. - De uitvoer wordt naar het alleen-lezen tekstveld geschreven en een statuspaneel rapporteert Geldige JSON of de exacte parseerfout, zodat je de bron direct kunt aanpassen.
Waarom JSON formatteren met deze tool?
- Privacy: elke parse-, format- en minify-actie gebeurt in je browser. De JSON bereikt onze servers nooit.
- Directe validatie: misplaatste komma's, niet-aangehaalde sleutels, enkele aanhalingstekens en eind-komma's worden gemeld met een precieze regel- en kolomaanwijzing, zodat je meteen naar de bug kunt springen.
- Review-klare uitvoer: pretty-printed JSON met consistente inspringing levert schone code-review diffs en leesbare configuratiebestanden op.
- Productie-klare minify: het verwijderen van overbodige witruimte verkleint API-payloads, manifestbestanden en ingebedde fixtures voordat je ze uitlevert.
Wat zijn veelvoorkomende toepassingen van JSON-formattering?
Het lezen en schrijven van JSON kom je overal tegen in webontwikkeling en tooling:
- API's debuggen: een ruwe response uit
curlof het netwerkpaneel plakken om de vorm te bevestigen, een typo in een sleutel te vinden of een ontbrekende sluithaak op te sporen. - Configuraties opschonen: handmatig bewerkte
package.json,tsconfig.jsonof CI-manifesten opnieuw inspringen zodat ze door review en linters komen. - Logs lezen: compacte
application/jsonlog-regels opnieuw formatteren zodat elk veld onder het volgende staat, en daarna weer minify-en voordat je ze in een ticket plakt.
Hoe ziet een voorbeeld van JSON-formattering eruit?
Plak {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} en druk op FORMATTEREN met een inspringing van 2 spaties: het wordt uitgevouwen tot negen regels, met elk objectveld en elk array-item op een eigen regel. Druk daarna op MINIFY op de geformatteerde tekst om hem byte voor byte terug te brengen naar dezelfde compacte string.
Deze JSON-formatter parseert met dezelfde engine die je Node.js, Deno of browserruntime gebruikt en levert uitvoer die je direct in code, configuraties of logs kunt plakken.