Het inlezen van deze JSON file gebeurd op identiek dezelfde manier als hiervoor, met het enige verschil dat we nu een array van Dinosaur-objecten hebben.
import dinosaurs from "../assets/json/dinosaurs.json" assert { type: 'json' };
Willen we nu alle namen van alle dinosaurussen afprinten op het scherm kunnen we dit als volgt doen:
for (let dinosaur of dinosaurs) {
console.log(dinosaur.naam);
}
We zouden ook alle informatie kunnen afprinten van de dinosaurs.
for (let dinosaur of dinosaurs) {
console.log(`Naam: ${dinosaur.naam}`);
console.log(`Tijdperk: ${dinosaur.tijdperk}`);
console.log(`Dieet: ${dinosaur.dieet}`);
console.log(`Regios: `);
for (let regio of dinosaur.regios) {
console.log(`\t${regio}`);
}
console.log(`Hoogte: ${dinosaur.hoogte}`);
console.log(`Lengte: ${dinosaur.lengte}`);
console.log(`Gewicht: ${dinosaur.gewicht}`);
console.log("-".repeat(50));
}
of we gebruiken hier rechstreeks de printDinosaur functie
for (let dinosaur of dinosaurs) {
printDinosaur(dinosaur);
}
array als property
Vaak bevind de array zich niet als buitenste element van het JSON object maar als property van een "root object". We noemen dit het root object omdat het de bovenste element is van de boomstructuur.
