JSON Formatter
Inspringen en verfraaien van JSON-data met de juiste structuur en syntaxismarkering. Draait volledig in je browser - je data verlaat je apparaat nooit.
JSON-payloads maken meer dan 90% uit van REST API-verkeer, volgens Postman's 2023 State of the API-rapport. Wanneer een API-respons terugkomt als een enkele onleesbare regel, heb je een formatter nodig. Deze tool parseert en springt JSON in je browser met behulp van de native JSON.parse en JSON.stringify engines. Geen data verlaat je apparaat. Ontwikkelaars die API-responsen verwerken, komen regelmatig geminimaliseerde output tegen van staging-omgevingen, derde-partij webhooks en database-exporten - deze formatter behandelt ze allemaal onmiddellijk.
Hoe JSON te formatteren
- Plak je ruwe of geminimaliseerde JSON in het invoerveld.
- Klik op Formatteer om inspringing en structuur toe te passen.
- Bekijk de geformatteerde output in het rechterpaneel.
- Kopieer het resultaat of download het als een
.jsonbestand. - Gebruik de foutindicator om syntaxisproblemen onmiddellijk op te sporen en op te lossen.
Hoe JSON-formattering werkt
Pretty-Printing uitgelegd
Pretty-printing voegt consistente inspringing, regelafbrekingen en spatiëring toe aan een JSON-string zodat de gegevenshiërarchie leesbaar wordt. RFC 8259, de huidige IETF-norm voor JSON, definieert geen spatiëringseisen tussen tokens - elke hoeveelheid spatiëring is geldig. Pretty-printing benut die flexibiliteit om de leesbaarheid te verbeteren zonder de semantiek te veranderen.
Inspringingsopties
Twee-spaties inspringing is de standaard in de meeste JavaScript-tools (Prettier, ESLint) en produceert compacte output voor diep geneste structuren. Vier-spaties inspringing komt overeen met de standaardoutput van Python's json.dumps(data, indent=4). Deze tool ondersteunt beide stijlen om aan de conventies van je team te voldoen.
Voorbeeld
Invoer (geminimaliseerd)
{"user":{"id":1,"name":"Alice","roles":["admin","editor"],"active":true}}Output (2-spaties inspringing)
{
"user": {
"id": 1,
"name": "Alice",
"roles": [
"admin",
"editor"
],
"active": true
}
}Wanneer formatters tijd besparen
- API-debugging - Plak een ruwe API-respons om geneste objecten en arrays in één oogopslag te lezen
- Configuratiebestanden - Leesbare
package.json,tsconfig.json, of app-config voordat je commit naar versiebeheer - Database-exporten - MongoDB, PostgreSQL JSON-kolommen, of Elasticsearch-responsen komen vaak geminimaliseerd binnen
- Code-review - Verfraai geminimaliseerde derde-partij JSON voordat je diff in git
Veelvoorkomende fouten
- Achterblijvende komma's -
{"a": 1,}is geldige JavaScript maar geen geldige JSON volgens RFC 8259; verwijder de laatste komma - Enkele aanhalingstekens -
{'key': 'value'}is ongeldig; JSON vereist dubbele aanhalingstekens - JavaScript-opmerkingen -
// opmerkingen/* opmerking */hebben geen JSON-syntaxis-equivalent; verwijder ze eerst - Niet-ontsnapte controlekarakters - Tab-karakters en nieuwe regels binnen stringwaarden moeten worden ontsnapt als
Na validatie met de JSON Validator, gebruik deze formatter om de output in te springen. Om geformatteerde JSON opnieuw te comprimeren voor productiepayloads, keert de JSON Minifier het proces om. Voor het coderen van JSON binnen HTTP-headers of querystrings, behandelt de Base64 Encoder binaire veilige transport.
Veelgestelde Vragen
Is mijn JSON-data veilig wanneer ik deze tool gebruik?
Ja. Alle opmaak gebeurt in je browser met behulp van JavaScript's native JSON.parse en JSON.stringify. Je JSON wordt nooit naar een server verzonden - controleer het Netwerk-tabblad van de browser en je zult geen uitgaande verzoeken zien tijdens de opmaak. API-sleutels, tokens en persoonlijke gegevens blijven privé.
Wat is JSON pretty-printing?
Pretty-printing voegt consistente inspringing, regelafbrekingen en spatiëring toe aan een JSON-string. Het geformatteerde resultaat is semantisch identiek aan het origineel - alleen de spaties tussen tokens veranderen, wat RFC 8259 expliciet toestaat. Een geminimaliseerde JSON en zijn geformatteerde versie parseren naar exact dezelfde datastructuur.
Waarom toont mijn JSON een fout nadat ik het heb geprobeerd te formatteren?
De formatter valideert JSON terwijl deze parseert. Veelvoorkomende problemen: achterblijvende komma's na het laatste item in een array of object, enkele aanhalingstekens in plaats van dubbele aanhalingstekens, niet-ontsnapte backslashes binnen strings, en JavaScript-specifieke syntaxis zoals opmerkingen of undefined - geen van deze is geldig volgens RFC 8259. Gebruik de JSON Validator voor nauwkeurige regel- en kolomfoutrapportage.
Kan ik zeer grote JSON-bestanden formatteren?
Ja. De tool gebruikt de native JavaScript-engine van je browser, zodat deze redelijk grote bestanden snel kan verwerken. Voor bestanden groter dan 50 MB hangt de prestaties af van het beschikbare geheugen en de CPU van je apparaat. De browser kan kort pauzeren tijdens het parseren van zeer grote payloads - dit is verwachte gedrag, geen bug.
Verandert formatteren mijn JSON-data?
Nee. Formatteren voegt alleen spaties toe - inspringing en nieuwe regels tussen tokens. Sleutels, waarden, nesting en elementvolgorde blijven byte-voor-byte identiek aan het origineel. Verifieer dit door de geformatteerde output te minimaliseren en deze te vergelijken met je originele geminimaliseerde invoer.