Arrays zijn datastructuren die worden gebruikt om verzamelingen van waarden op te slaan en te manipuleren.

Arrays aanmaken

• Arrays in JavaScript worden aangemaakt met behulp van vierkante haken [] en staan bekend als array-literals;
• Komma's scheiden de elementen binnen de array.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Toegang tot array-elementen

• Array-indices beginnen bij 0, wat betekent dat het eerste element een index van 0 heeft, het tweede element een index van 1, enzovoort;
• Specifieke elementen binnen een array kunnen worden benaderd door vierkante haken te gebruiken met de index van het element.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Array-elementen wijzigen

Array-elementen kunnen worden aangepast door ze via hun index te benaderen en een nieuwe waarde toe te wijzen.

colors[1] = "yellow";
numbers[0] = 10;

Arraylengte

De eigenschap length van een array geeft het aantal elementen weer dat de array bevat. Deze waarde wordt automatisch aangepast wanneer er elementen worden toegevoegd of verwijderd.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Het laatste element vinden

Om de waarde van het laatste element in een array op te halen, kan de index worden berekend met behulp van de lengte van de array, namelijk array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

For-lus

• De for-lus wordt gebruikt om over een array te itereren, element voor element;
• Er wordt een teller gebruikt (bijvoorbeeld i) om elk element via de index te benaderen;
• De lus gaat door zolang de teller kleiner is dan de lengte van de array;
• Het is een fundamenteel hulpmiddel voor array-iteratie.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

For...of-lus

• De for...of-lus is een modernere en beknoptere manier om over arrays te itereren;
• De lus beheert automatisch de teller en biedt directe toegang tot de waarde van elk element;
• Het vereenvoudigt array-iteratie, waardoor de code overzichtelijker en leesbaarder wordt.

for (const color of colors) {
  console.log(color);
}