menu

Frontend

Chris Stegeman | Jan, 2023

js20 | JSON

Voorkennis:

  • JS basics: variabelen, console.log(), innerHTML
  • JS Arrays

Doelen:

  • structuur / opbouw van JSON leren kennen
  • leren werken JSON: JavaScript Object Notation

Een array gebruik je als je een lijst wilt oplslaan, zoals een lijst met namen, autos, prijzen, enz.. Het nadeel aan een Javascript array is dat ze niet "assiociatief" zijn; je kunt ze alleen met een nummer aanroepen en niet bij name, met een key of zo:

let studenten = [
    ["Jan", "", "Jansen"],
    ["Piet", "de", "Grote"]
];
console.log("De naam van de tweede persoon is: " + studenten[1][0] + " "+ studenten[1][1] + " "+ studenten[1][2]);
// levert op: "De naam van de tweede persoon is: Piet de Grote"

Een Javascript object is wel assiociatief. Hieronder een array (!) met 2 objecten:

let studenten = [
    { "voornaam":"Jan", "tv":"", "achternaam":"Jansen" },
    { "voornaam":"Piet", "tv":"de", "achternaam":"Grote" }
];
let student = studenten[1];
console.log("De naam van de tweede persoon is: " + student.voornaam + " "+ student.tv + " "+ student.achternaam);
// levert op: "De naam van de tweede persoon is: Piet de Grote"

opdracht

Bekijk de uitleg JSON op w3schools

table