JSON uitgelegd: wat het is, hoe je het leest en waarom het overal is

Als je ooit iets met websites, apps of APIs hebt gedaan, ben je JSON vast tegengekomen. Misschien zag je een grote blob tekst op je scherm en dacht je: wat is dit? Of misschien weet je al wat het is, maar snap je niet altijd hoe je het leest.

In dit artikel leggen we JSON stap voor stap uit — ook als je geen programmeur bent.

Wat is JSON?

JSON staat voor JavaScript Object Notation. Het is een formaat om data op te slaan en te versturen. Het ziet er zo uit:

{
  "naam": "Jan",
  "leeftijd": 32,
  "stad": "Amsterdam",
  "hobbys": ["fietsen", "koken", "lezen"]
}

Dit beschrijft een persoon met een naam, leeftijd, woonplaats en een lijst met hobbies. Makkelijk te begrijpen, toch?

JSON is ontworpen om zowel door computers als door mensen gelezen te worden. Het is een van de weinige technische formaten die je echt kunt "lezen" zonder er veel voor te hoeven leren.

Waarom is JSON zo populair?

Vóór JSON werd er veel gebruik gemaakt van XML — een vergelijkbaar formaat, maar met meer opmaak en moeilijker te lezen. JSON is simpeler en compacter.

Tegenwoordig gebruikt vrijwel elke website of app JSON om data uit te wisselen. Als jij op een website een zoekopdracht uitvoert, stuurt jouw browser een verzoek naar een server. Die server stuurt data terug — bijna altijd als JSON.

Open eens de ontwikkelaarstools in je browser (F12), ga naar het tabblad "Network" en klik op een verzoek. Je zult vaak JSON zien.

Hoe lees je JSON?

JSON heeft een paar bouwstenen die je moet kennen:

Objecten { }

Een object staat tussen accolades en bevat sleutel-waardeparen:

{
  "voornaam": "Lisa",
  "achternaam": "de Vries"
}

De sleutel staat altijd tussen aanhalingstekens. De waarde kan van verschillende typen zijn.

Arrays [ ]

Een array is een lijst van waarden, omgeven door vierkante haken:

["appel", "banaan", "kers"]

Of een lijst van objecten:

[
  { "naam": "Jan", "leeftijd": 32 },
  { "naam": "Lisa", "leeftijd": 28 }
]

Waarden

JSON kent zes soorten waarden:

• Tekst: "Hallo" (altijd tussen dubbele aanhalingstekens)
• Getal: 42 of 3.14
• Boolean: true of false
• Null: null (betekent: geen waarde)
• Object: { "sleutel": "waarde" }
• Array: ["a", "b", "c"]

Wat is een JSON formatter en wanneer heb je die nodig?

JSON die je ontvangt van een API of website is vaak minified — alle witruimte is verwijderd om bandbreedte te besparen. Dat ziet er zo uit:

{"naam":"Jan","leeftijd":32,"hobbys":["fietsen","koken"]}

Prima voor computers, maar voor mensen bijna onleesbaar. Een JSON formatter voegt automatisch inspringing en regeleinden toe, zodat de structuur duidelijk wordt.

Gebruik onze JSON formatter om JSON in één klik leesbaar te maken. Plak de JSON erin en klik op Formatteren — je ziet direct een nette, overzichtelijke versie.

De formatter valideert ook je JSON. Als er een fout in zit (een vergeten komma, een extra accolade), zie je direct waar het probleem zit.

Veelgemaakte fouten in JSON

JSON is strenger dan het lijkt. Een kleine fout maakt het ongeldig.

Fout 1: Enkele aanhalingstekens
JSON wil altijd dubbele aanhalingstekens. Dit werkt niet: {'naam': 'Jan'}
Dit werkt wel: {"naam": "Jan"}

Fout 2: Komma aan het einde
Een komma na het laatste item is niet toegestaan:

{
  "naam": "Jan",
  "leeftijd": 32,   ← deze komma geeft een fout
}

Fout 3: Commentaar
In JSON mag geen commentaar staan. // dit is een opmerking werkt niet.

Fout 4: Onafgesloten strings
Als je een aanhalingsteken vergeet te sluiten, is de JSON ongeldig.

Gebruik altijd een JSON validator als je twijfelt.

JSON in de praktijk

Stel je voor dat je een app bouwt die het weer laat zien. Je app stuurt een verzoek naar een weer-API, en die stuurt zoiets terug:

{
  "stad": "Amsterdam",
  "temperatuur": 14,
  "eenheid": "celsius",
  "omschrijving": "bewolkt",
  "wind": {
    "snelheid": 18,
    "richting": "ZW"
  }
}

Je app leest dit JSON-bestand en toont de informatie op het scherm. Dat is hoe bijna alle moderne apps werken — ze communiceren via JSON.

Conclusie

JSON is geen magie. Het is een simpel, leesbaar formaat dat overal op het web gebruikt wordt. Als je de bouwstenen begrijpt — objecten, arrays en waarden — kun je elk JSON-bestand lezen en begrijpen.

Heb je een lelijke blob JSON die je leesbaar wilt maken? Onze gratis JSON formatter doet het werk voor je.