Hoe JSON online te formatteren en te valideren

Als u werkt met API's, configuratiebestanden of welk type gestructureerde gegevens dan ook, komt u regelmatig JSON tegen. En als u ooit naar een muur van geminifieerde JSON hebt gestaard op zoek naar een ontbrekende accolade, weet u waarom formattering ertoe doet.

Wat een JSON-formatter doet

Ruwe JSON afkomstig van een API-respons of een geminifieerd bestand ziet er zo uit:

{"users":[{"name":"Alice","age":30,"roles":["admin","editor"]},{"name":"Bob","age":25,"roles":["viewer"]}]}

Een formatter transformeert het in iets leesbaars:

{
  "users": [
    {
      "name": "Alice",
      "age": 30,
      "roles": ["admin", "editor"]
    },
    {
      "name": "Bob",
      "age": 25,
      "roles": ["viewer"]
    }
  ]
}

Dezelfde gegevens, maar u kunt ze eindelijk lezen, fouten spotten en de structuur begrijpen.

Hoe JSON online te formatteren

1. Plak uw JSON in het invoerveld. De formatter detecteert direct syntaxisfouten en valideert de structuur.
2. Kies de inspringing — selecteer 2 of 4 spaties, of klik op Minifiëren om de JSON op één regel samen te drukken.
3. Kopieer het resultaat — de geformatteerde uitvoer bevat syntax-highlighting. Kopieer deze voor uw code, een configuratiebestand of documentatie.

Veelvoorkomende JSON-fouten en hoe ze te spotten

De meeste JSON-fouten komen neer op een paar veelvoorkomende valkuilen:

• Ontbrekende of overbodige komma's — een komma na het laatste element van een array of object is ongeldig in JSON (in tegenstelling tot JavaScript)
• Sleutels zonder aanhalingstekens — JSON vereist dubbele aanhalingstekens rond alle sleutels: "name", niet name
• Enkele aanhalingstekens — JSON accepteert alleen dubbele aanhalingstekens: "value", niet 'value'
• Slepende komma's — {"a": 1,} is ongeldig; verwijder de komma na de laatste invoer

Een goede formatter markeert precies waar de fout zich bevindt, zodat u deze kunt corrigeren zonder te raden.

Wanneer formatteren, wanneer minifiëren

Formatteren (leesbaar maken) wanneer u nodig hebt:

• De gegevens lezen en begrijpen
• API-antwoorden debuggen
• Configuratiebestanden bewerken
• JSON delen met collega's

Minifiëren wanneer u nodig hebt:

• Gegevens over het netwerk verzenden (lichtere payload = snellere overdracht)
• JSON opslaan in een database of een log waar leesbaarheid niet telt
• JSON integreren in een URL-parameter of een formulierveld

Tips voor het werken met JSON

• Valideer voor het verzenden — als u een API-aanvraag met de hand opbouwt, plak uw JSON eerst in een validator. Een enkele verkeerd geplaatste komma kan verwarrende fouten aan de serverzijde veroorzaken.
• Gebruik 2 spaties inspringing voor diep geneste gegevens. Dit houdt regels korter en de structuur gemakkelijker te doorlopen.
• Zet de tool in favorieten — als u regelmatig met JSON werkt, bespaart een formatter op één klik tijd ten opzichte van er elke keer naar zoeken.