5 Veelvoorkomende JSON-fouten en hoe ze te herstellen

# 5 Veelvoorkomende JSON-fouten en hoe ze te herstellen

JSON (JavaScript Object Notation) is overal in moderne webontwikkeling—van API-responses tot configuratiebestanden. Ondanks de eenvoudige syntaxis komen ontwikkelaars voortdurend frustrerende JSON-fouten tegen die applicaties laten vastlopen.

Deze gids behandelt de 5 meest voorkomende JSON-syntaxis-fouten, hoe u ze direct herkent en hoe u ze definitief oplost.

---

Waarom JSON-fouten zo vaak voorkomen

De strikte syntaxisregels van JSON betekenen dat zelfs één verkeerd geplaatst teken een heel document ongeldig kan maken. In tegenstelling tot JavaScript:

• ✅ Moeten strings tussen dubbele aanhalingstekens staan (enkele zijn ongeldig).
• ✅ Zijn komma's aan het einde (trailing commas) verboden.
• ✅ Is strikte formattering van sleutels en waarden vereist.
• ✅ Is er geen commentaar toegestaan.

---

Fout #1: Komma's aan het einde (The Silent Killer)

Het probleem

Een extra komma na het laatste item in een array of object is volkomen geldig in JavaScript, maar strikt verboden in JSON.

❌ Ongeldige JSON

{
  "gebruikersnaam": "alice123",
  "actief": true,
}

✅ Geldige JSON

{
  "gebruikersnaam": "alice123",
  "actief": true
}

Foutmelding die je zult zien

Unexpected token } in JSON at position 78
SyntaxError: Trailing comma in JSON

---

Fout #2: Enkele aanhalingstekens

Het probleem

JavaScript staat zowel enkele als dubbele aanhalingstekens toe, maar JSON accepteert alleen dubbele aanhalingstekens (").

❌ Ongeldige JSON

{
  'naam': 'Jan Jansen',
  'leeftijd': 30
}

✅ Geldige JSON

{
  "naam": "Jan Jansen",
  "leeftijd": 30
}

---

Fout #3: Sleutels zonder aanhalingstekens

Het probleem

In JavaScript hoeven sleutels van objecten niet altijd tussen aanhalingstekens te staan. In JSON moeten alle sleutels strings zijn, omringd door dubbele aanhalingstekens.

❌ Ongeldige JSON

{
  naam: "Alice",
  leeftijd: 28
}

✅ Geldige JSON

{
  "naam": "Alice",
  "leeftijd": 28
}

---

Fout #4: Ongeldige Escape Sequences

Het probleem

JSON ondersteunt slechts een beperkt aantal 'escape sequences'. Het vergeten van een backslash voor speciale tekens (zoals aanhalingstekens binnen een string) leidt tot fouten.

❌ Ongeldige JSON

{
  "bericht": "Hij zei "hallo" tegen mij"
}

✅ Geldige JSON

{
  "bericht": "Hij zei \"hallo\" tegen mij"
}

---

Fout #5: Commentaar in JSON

Het probleem

Ontwikkelaars voegen vaak commentaar toe om uitleg te geven, maar JSON ondersteunt geen commentaar. Geen //, geen / /.

Oplossing

Als u toch uitleg wilt toevoegen, gebruik dan een speciaal veld zoals _comment:

{
  "_comment": "Dit is een configuratiebestand",
  "gebruikersnaam": "admin"
}

---

Hoe JSON-fouten vroegtijdig opsporen?

Gebruik Online Validators: Gebruik tools zoals BigJSON Validator voor directe feedback.

IDE Extensies: Installeer JSON-extensies in VS Code die fouten direct rood onderstrepen.

Automatisering: Gebruik linters in je bouwproces om te voorkomen dat ongeldige JSON in productie belandt.

Conclusie

JSON is geen JavaScript! De strikte regels laten geen ruimte voor flexibiliteit. Door te letten op aanhalingstekens, komma's en commentaar voorkom je 99% van de problemen.

Hulp nodig bij het formatteren? Gebruik de BigJSON Formatter om je code direct op te schonen!