JSON-data Formatteren en Valideren Stap voor Stap
Snel antwoord
Om JSON te formatteren: plak je JSON in de JSON Formatter en de verfraaide output met correcte inspringing verschijnt direct. Om te valideren: de tool controleert automatisch syntaxis en toont een fout met locatie indien ongeldig. Alle verwerking gebeurt lokaal.
Invoering
JSON (JavaScript Object Notation) is het meest voorkomende dataformaat voor web-API's en configuratiebestanden. Ruwe JSON van API's is vaak verkleind tot één regel, wat moeilijk leesbaar is. Formatteren (ook verfraaien of pretty-printen genoemd) voegt inspringing en regeleinden toe zodat mensen het kunnen lezen. Validatie controleert of de JSON-syntaxis correct is —één verkeerd geplaatste komma kan je hele applicatie breken.
Stap voor stap
-
Open de JSON Formatter-tool
Ga naar de JSON Formatter-toolpagina. De tool accepteert elke JSON-tekenreeks als invoer: objecten, arrays of geneste structuren.
-
Plak uw JSON gegevens
Plak de JSON die u wilt opmaken of valideren in het invoertekstgebied. Dit kan een API antwoord zijn, een configuratiebestand of een JSON string uit uw code.
-
Controleer de opgemaakte uitvoer
De tool ontleedt uw JSON en serialiseert deze opnieuw met inspringing met twee spaties en regeleinden. De opgemaakte uitvoer verschijnt onmiddellijk in het resultaatveld. Als JSON ongeldig is, verschijnt er een foutmelding met de locatie van het syntaxisprobleem.
-
Controleer de validatiestatus
Als de JSON geldig is, toont de tool een succesindicator en de opgemaakte uitvoer. Indien ongeldig, wordt de parseerfout weergegeven, zoals 'Onverwacht token op positie 42', zodat u het syntaxisprobleem in uw broncode kunt oplossen.
-
Kopieer of verklein het resultaat
Gebruik de knop Kopiëren om de opgemaakte JSON naar uw klembord te kopiëren. Sommige tools bieden ook een knop Verkleinen om alle witruimte te verwijderen – handig om de payloadgrootte in de productie te verkleinen.
Voorbeelden
Formaat verkleind JSON
Invoer: {"name":"Alice","age":30,"roles":["admin","user"]}
Uitvoer: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
Detecteer ongeldige JSON (laatkomma)
Invoer: {"a":1,"b":2,}
Uitvoer: Error: Unexpected token } at position 11
Detecteer ongeldige JSON (enkele aanhalingstekens)
Invoer: {'name':'Alice'}
Uitvoer: Fout: Onverwacht token 'op positie 1
Veelvoorkomende problemen
- Enkele aanhalingstekens gebruiken voor tekenreeksen —JSON vereist dubbele aanhalingstekens voor alle tekenreeksen en sleutels.
- Komma's na het laatste item —JSON staat geen komma toe vóór } of ].
- Opmerkingen in JSON —standaard JSON ondersteunt geen // of /* */ opmerkingen. Gebruik JSONC of JSON5 als je commentaar nodig hebt.
- Sleutels zonder aanhalingstekens: in tegenstelling tot literalen van JavaScript-objecten vereist JSON dat alle sleutels tussen dubbele aanhalingstekens staan.
- Ongedefinieerde, NaN- of Infinity-waarden —JSON ondersteunt alleen nul, niet ongedefinieerd of NaN.
Tips
- Valideer altijd JSON voordat u het verzendt in een API-verzoek. Een syntaxisfout kan een 400 Bad Request-antwoord veroorzaken.
- Gebruik verkleind JSON in productie om bandbreedte te besparen, en geformatteerd JSON in ontwikkeling voor leesbaarheid.
- JSON ondersteunt geen Date-objecten: datums serialiseren als ISO 8601-tekenreeksen (bijvoorbeeld "2026-09-02T00:00:00Z").
- Gebruik JSON.parse() in JavaScript om een JSON string naar een object te converteren, en JSON.stringify() om een object naar een JSON string te converteren.