Arrays

Een array bewaart veel waarden op volgorde onder één naam. In ["red", "green", "blue"] staat "red" op index 0 en is de lengte 3.

Een lijst in één variabele

Stel dat een programma de scores van een hele klas bijhoudt. Dertig variabelen genaamd score1, score2, score3 zouden onhandig zijn om mee te werken en je kunt er niet met een lus doorheen. Een array is één waarde die een geordende lijst andere waarden bevat. Je schrijft die met vierkante haken en komma's:

const fruits = ["apple", "banana", "cherry"];
console.log(fruits.length);   // 3
console.log(fruits[0]);       // apple
console.log(fruits[2]);       // cherry

Elke waarde in een array is een element. Elementen zijn genummerd op index vanaf 0, precies zoals tekens in een string. Het eerste element is dus fruits[0] en het laatste fruits[fruits.length - 1]. Een niet-bestaande index opvragen, zoals fruits[10], veroorzaakt geen fout maar geeft undefined. Een array kan elk soort waarde bevatten en de elementen hoeven niet eens hetzelfde type te hebben, al is dat in de praktijk meestal wel zo.

Een array veranderen

Anders dan strings kun je arrays ter plekke veranderen. Ken een waarde toe aan een index om een element te vervangen: fruits[1] = "blueberry". De methode push voegt een element aan het einde toe en pop verwijdert het laatste en geeft het terug. unshift en shift doen hetzelfde aan het begin. Dit werkt zelfs als de array met const is gedeclareerd. const voorkomt alleen dat de naam naar een andere array gaat verwijzen; het bevriest de inhoud niet.

const list = ["milk", "eggs"];
list.push("bread");
console.log(list.length);        // 3
const last = list.pop();
console.log(last);               // bread
console.log(list.join(", "));    // milk, eggs

Nog twee methoden beantwoorden vragen. includes(x) geeft true als x in de array staat en indexOf(x) geeft de index, of -1 als x ontbreekt. join(", ") plakt alle elementen aan elkaar tot één string met het opgegeven scheidingsteken ertussen, de eenvoudigste manier om een lijst netjes af te drukken.

Met een lus door een array

Arrays en lussen horen bij elkaar. Een for-lus met een index vanaf 0 tot, maar niet inclusief, de lengte bezoekt elk element. De for...of-lus is korter als je alleen de waarden nodig hebt en niet hun posities:

const scores = [70, 85, 90, 55];

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

let total = 0;
for (const s of scores) {
  total += s;
}
console.log(total / scores.length);   // 75

Let op de voorwaarde i < scores.length, met < en niet <=. Met vier elementen zijn de indices 0 tot 3 en met <= zou je één stap voorbij het einde lezen. Deze off-by-one-fout is een van de meest voorkomende fouten bij programmeren.

Twee namen, één array

Getallen en strings worden gekopieerd als je ze aan een andere variabele toekent, maar arrays niet. Na const a = [1, 2]; const b = a; verwijzen beide namen naar precies dezelfde array, dus b.push(3) verandert ook wat je via a ziet: a.length is nu 3. Als je een afzonderlijke kopie nodig hebt, schrijf je const b = [...a];, waarmee de elementen van a in een gloednieuwe array worden uitgespreid. Objecten, uit het volgende hoofdstuk, gedragen zich hetzelfde.

Uitgewerkt voorbeeld. Vind het grootste getal in [4, 17, 9, 12] zonder Math.max. Begin met let best = nums[0], loop door de rest en sla elk element dat groter is dan best op in best. Na de lus is best gelijk aan 17. Met hetzelfde patroon, een variabele die de beste tot nu toe onthoudt, vind je het langste woord, de laagste prijs of de vroegste datum.