JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JSON- syntaxis


De JSON-syntaxis is een subset van de JavaScript-syntaxis.


JSON-syntaxisregels

JSON-syntaxis is afgeleid van JavaScript-objectnotatiesyntaxis:

  • Gegevens zijn in naam/waarde-paren
  • Gegevens worden gescheiden door komma's
  • Krullende accolades houden objecten vast
  • Vierkante haken bevatten arrays

JSON-gegevens - een naam en een waarde

JSON-gegevens worden geschreven als naam/waarde-paren (ook wel sleutel/waarde-paren genoemd).

Een naam/waarde-paar bestaat uit een veldnaam (tussen dubbele aanhalingstekens), gevolgd door een dubbele punt, gevolgd door een waarde:

Voorbeeld

"name":"John"

JSON-namen vereisen dubbele aanhalingstekens.


JSON - Evalueert naar JavaScript-objecten

Het JSON-formaat is bijna identiek aan JavaScript-objecten.

In JSON moeten sleutels strings zijn, geschreven met dubbele aanhalingstekens:

JSON

{"name":"John"}

In JavaScript kunnen sleutels tekenreeksen, cijfers of ID-namen zijn:

JavaScript

{name:"John"}


JSON-waarden

In JSON moeten waarden een van de volgende gegevenstypen zijn:

  • een draad
  • een getal
  • een voorwerp
  • een array
  • een boolean
  • nul

In JavaScript kunnen waarden al het bovenstaande zijn, plus elke andere geldige JavaScript-expressie, waaronder:

  • een functie
  • een date
  • ongedefinieerd

In JSON moeten tekenreekswaarden worden geschreven met dubbele aanhalingstekens:

JSON

{"name":"John"}

In JavaScript kunt u tekenreekswaarden schrijven met dubbele of enkele aanhalingstekens:

JavaScript

{name:'John'}

JavaScript-objecten

Omdat JSON-syntaxis is afgeleid van JavaScript-objectnotatie, is er heel weinig extra software nodig om met JSON binnen JavaScript te werken.

Met JavaScript kunt u een object maken en er gegevens aan toewijzen, als volgt:

Voorbeeld

person = {name:"John", age:31, city:"New York"};

U kunt als volgt toegang krijgen tot een JavaScript-object:

Voorbeeld

// returns John
person.name;

Het kan ook als volgt worden benaderd:

Voorbeeld

// returns John
person["name"];

Gegevens kunnen als volgt worden gewijzigd:

Voorbeeld

person.name = "Gilbert";

Het kan ook als volgt worden gewijzigd:

Voorbeeld

person["name"] = "Gilbert";

Later in deze zelfstudie leert u hoe u JavaScript-objecten naar JSON converteert.


JavaScript-arrays als JSON

Op dezelfde manier waarop JavaScript-objecten als JSON kunnen worden geschreven, kunnen JavaScript-arrays ook als JSON worden geschreven.

Later in deze zelfstudie leert u meer over objecten en arrays.


JSON-bestanden

  • Het bestandstype voor JSON-bestanden is ".json"
  • Het MIME-type voor JSON-tekst is "application/json"