Wat is JSON? Complete Gids voor Beginners 2026
Leer wat JSON is, de syntaxis, datatypen en use cases. Een uitgebreide, beginnersvriendelijke gids voor het begrijpen van JavaScript Object Notation.
Big JSON Team
• Technical WriterExpert in JSON data manipulation, API development, and web technologies. Passionate about creating tools that make developers' lives easier.
# Wat is JSON? Complete Gids voor Beginners
JSON (JavaScript Object Notation) is de de facto standaard geworden voor gegevensuitwisseling op het web. Of je nu een beginnende programmeur bent, een data-analist of gewoon nieuwsgierig naar webtechnologieën, het begrijpen van JSON is essentieel in het huidige digitale landschap.
Waar staat JSON voor?
JSON staat voor JavaScript Object Notation. Ondanks de naam is JSON een taalonafhankelijk gegevensformaat dat met vrijwel elke programmeertaal kan worden gebruikt, waaronder Python, Java, C#, PHP en natuurlijk JavaScript.
De oorsprong van JSON
JSON werd begin jaren 2000 geïntroduceerd door Douglas Crockford als een lichtgewicht alternatief voor XML voor gegevensuitwisseling. De eenvoud en leesbaarheid maakten het al snel de voorkeurskeuze voor web-API's en configuratiebestanden.
Waarom JSON belangrijk is in 2026
In de moderne softwareontwikkeling is JSON overal:
- Web-API's: REST-API's gebruiken voornamelijk JSON voor verzoek- en antwoordpayloads
- Configuratiebestanden: Applicaties gebruiken
.json-bestanden voor instellingen en configuraties - NoSQL-databases: MongoDB en vergelijkbare databases slaan gegevens op in JSON-achtige formaten
- Gegevensuitwisseling: Systemen communiceren door JSON tussen services uit te wisselen
- AI en Machine Learning: Modelconfiguraties en datasets gebruiken vaak JSON
JSON Syntaxis en Structuur
Basis Syntaxisregels
De JSON-syntaxis volgt deze fundamentele regels:
"naam": "waarde",{}[]"tekst"Eenvoudig JSON-voorbeeld
{
"naam": "Jan Jansen",
"leeftijd": 30,
"isStudent": false,
"email": "jan@example.com"
}
JSON Datatypen
JSON ondersteunt zes fundamentele datatypen:
1. String
Strings zijn reeksen tekens tussen dubbele aanhalingstekens:
{
"voornaam": "Alice",
"achternaam": "Jansen",
"adres": "Hoofdstraat 123"
}
2. Number
Getallen kunnen gehele getallen (integers) of vlottende-kommagetallen (floats) zijn:
{
"leeftijd": 25,
"prijs": 19.99,
"temperatuur": -5.5,
"wetenschappelijkeNotatie": 1.5e10
}
3. Boolean
Boolean waarden zijn ofwel true of false (kleine letters, geen aanhalingstekens):
{
"isActive": true,
"hasAccess": false,
"verified": true
}
4. Null
De null waarde vertegenwoordigt de afwezigheid van een waarde:
{
"tussenvoegsel": null,
"vorigeBaan": null
}
5. Object
Objecten zijn verzamelingen van sleutel-waarde-paren tussen accolades:
{
"persoon": {
"naam": "Sarah",
"leeftijd": 28,
"adres": {
"straat": "Eikenlaan 456",
"stad": "Amsterdam",
"postcode": "1011 AB"
}
}
}
6. Array
Arrays zijn geordende lijsten met waarden tussen vierkante haken:
{
"kleuren": ["rood", "groen", "blauw"],
"getallen": [1, 2, 3, 4, 5],
"gemengd": ["tekst", 42, true, null]
}
Complex JSON-voorbeeld
Hier is een realistischer voorbeeld waarin meerdere datatypen worden gecombineerd:
{
"bedrijf": "Tech Innovaties BV",
"opgericht": 2015,
"actief": true,
"werknemers": [
{
"id": 1,
"naam": "Emily Chen",
"rol": "CEO",
"vaardigheden": ["leiderschap", "strategie", "financiën"],
"opAfstand": false
},
{
"id": 2,
"naam": "Marcus Williams",
"rol": "CTO",
"vaardigheden": ["architectuur", "cloud", "beveiliging"],
"opAfstand": true
}
],
"kantoren": {
"hoofdkantoor": "Utrecht",
"nevenvestigingen": ["Londen", "Tokio", "Sydney"]
},
"omzet": 15000000.50,
"beursgenoteerd": null
}
JSON vs JavaScript Object
Hoewel de JSON-syntaxis is gebaseerd op de JavaScript object literal notatie, zijn er belangrijke verschillen:
| Kenmerk | JSON | JavaScript Object |
|---------|------|------------------|
| Sleutels | Moeten strings tussen dubbele aanhalingstekens zijn | Kunnen ongequoteerde identifiers zijn |
| Strings | Alleen dubbele aanhalingstekens | Enkele of dubbele aanhalingstekens |
| Functies | Niet toegestaan | Toegestaan |
| Commentaar | Niet toegestaan | Toegestaan |
| Trailing commas | Niet toegestaan | Toegestaan (ES5+) |
| Alleen gegevens | Ja | Kan methoden bevatten |
JavaScript Object:const persoon = {
naam: 'Jan',
leeftijd: 30,
groet() { return 'Hallo!'; }
};
Geldige JSON:
{
"naam": "Jan",
"leeftijd": 30
}
Veelvoorkomende Use Cases voor JSON
1. Web-API's
RESTful API's gebruiken JSON voor zowel verzoeken als antwoorden:
{
"endpoint": "/api/users",
"method": "POST",
"body": {
"username": "newuser",
"email": "user@example.com"
}
}
2. Configuratiebestanden
Applicaties slaan instellingen op in JSON-formaat:
{
"database": {
"host": "localhost",
"port": 5432,
"name": "myapp_db"
},
"cache": {
"enabled": true,
"ttl": 3600
}
}
3. Gegevensopslag
NoSQL-databases zoals MongoDB gebruiken BSON (Binary JSON):
{
"_id": "507f1f77bcf86cd799439011",
"titel": "Blogbericht",
"inhoud": "Inhoud van het bericht hier",
"tags": ["tech", "json"],
"createdAt": "2026-01-11T10:00:00Z"
}
4. Pakketbeheer
NPM's package.json definieert projectafhankelijkheden:
{
"name": "mijn-app",
"version": "1.0.0",
"dependencies": {
"express": "^4.18.0",
"mongoose": "^7.0.0"
}
}
Voordelen van JSON
1. Menselijk leesbaar
De eenvoudige syntaxis van JSON maakt het gemakkelijk voor mensen om te lezen en te schrijven.
2. Lichtgewicht
Minimale syntaxis betekent kleinere bestandsgroottes vergeleken met XML.
3. Taalonafhankelijk
Er bestaan parsers voor vrijwel elke programmeertaal.
4. Snel parsen
Het parsen van JSON is doorgaans sneller dan het parsen van XML.
5. Native JavaScript-ondersteuning
Browsers kunnen JSON native parsen zonder externe bibliotheken.
Beperkingen van JSON
1. Geen commentaar
JSON ondersteunt geen commentaar, wat documentatie uitdagend maakt.
2. Beperkte datatypen
Geen native ondersteuning voor datums, binaire gegevens of undefined waarden.
3. Geen referenties
Kan niet verwijzen naar andere delen van hetzelfde document.
4. Woordvloedigheid (Verbosity)
Herhalende sleutelnamen in arrays kunnen de bestandsgrootte vergroten.
JSON Best Practices
1. Gebruik consistente naamgeving
Houd je aan één naamgevingsconventie (camelCase, snake_case of kebab-case):
{
"firstName": "Jan",
"lastName": "Jansen",
"emailAddress": "jan@example.com"
}
2. Houd het plat indien mogelijk
Vermijd overmatige nestificatie die gegevens moeilijk navigeerbaar maakt:
{
"userId": "123",
"userName": "janjansen",
"userEmail": "jan@example.com"
}
3. Gebruik arrays voor lijsten
Groepeer vergelijkbare items in arrays:
{
"gebruikers": [
{"id": 1, "naam": "Alice"},
{"id": 2, "naam": "Bob"}
]
}
4. Valideer je JSON
Valideer JSON altijd voor gebruik. Ongeldige JSON veroorzaakt parseerfouten.
Tools voor het werken met JSON
- Validators: Zorg ervoor dat je JSON correct is geformatteerd
- Formatters: Maak JSON leesbaar met de juiste inspringing
- Viewers: Navigeer door grote JSON-bestanden met inklapbare bomen
- Converters: Transformeer tussen JSON en andere formaten
Conclusie
JSON is een essentieel gegevensformaat in de moderne softwareontwikkeling. De eenvoud, leesbaarheid en brede ondersteuning in programmeertalen maken het de standaardkeuze voor gegevensuitwisseling, configuratie en opslag.
Of je nu webapplicaties bouwt, met API's werkt of configuratiebestanden beheert, het begrijpen van JSON is een fundamentele vaardigheid die je goed van pas zal komen tijdens je ontwikkelingstraject.
Begin met het oefenen met eenvoudige JSON-structuren en werk geleidelijk aan naar complexere geneste gegevens. Mettertijd zal het lezen en schrijven van JSON een tweede natuur worden.
Gerelateerde Artikelen
JSON-bestanden uitgelegd: Structuur, extensies en best practices
Uitgebreide gids voor JSON-bestanden - leer over de .json extensie, MIME-types, structuur en hoe je JSON-bestanden effectief kunt maken, openen en gebruiken.
JSON vs XML: Welk dataformaat moet je kiezen in 2026?
Uitgebreide vergelijking van JSON- en XML-dataformaten. Leer de verschillen, voordelen, use cases en wanneer je elk formaat moet kiezen voor je project.
Hoe JSON te formatteren: Pretty Print en Beautify Gids 2026
Leer hoe u JSON kunt formatteren en verfraaien met behulp van command-line tools, code-editors, online formatters en programmeertalen. Volledige gids met voorbeelden.