Direct naar de hoofdinhoud
Module 3 · Les 1 van 49/32 in de cursus~10 min
Modulelessen (1/4)

Arrays: de geordende lijst

Een array is een geordende lijst met waarden. In JavaScript kunnen de elementen zijn van verschillende typen van elkaar (hoewel ze dat in "goede" code meestal wel zijn). homogeen). Er staat tussen vierkante haakjes:

JS
const colori = ['rosso', 'verde', 'blu'];
const misti = [1, 'due', true, null];
const vuoto = [];

Lezen en schrijven via index

Indices beginnen bij 0. De laatste geldige index is array.length - 1.

JS
const colori = ['rosso', 'verde', 'blu'];
colori[0]; // 'rosso'
colori[2]; // 'blu'
colori[99]; // undefined  ← no error, just undefined
colori.length; // 3

colori[1] = 'giallo'; // now colori is ['rosso', 'giallo', 'blu']
colori[colori.length] = 'x'; // manual push, not recommended

Elementen toevoegen en verwijderen

De vier klassieke methoden (push / pop / unshift / shift) wijzigen de array op zijn plaats:

JS
const a = [1, 2, 3];
a.push(4); // a = [1, 2, 3, 4],  returns the new length
a.pop(); // a = [1, 2, 3],     returns the removed element (4)
a.unshift(0); // a = [0, 1, 2, 3],  adds at the head
a.shift(); // a = [1, 2, 3],     removes from the head

Inclusief, zoeken

JS
['rosso', 'verde', 'blu'].includes('verde'); // true
['rosso', 'verde', 'blu'].indexOf('blu'); // 2
['rosso', 'verde', 'blu'].indexOf('giallo'); // -1

Probeer het

Oefening#js.m3.l1.e1
Pogingen: 0Laden…

Gegeven de array `numbers = [10, 20, 30, 40]`, retourneer als laatste expressie het laatste element dat lengte gebruikt.

Editor laden…
Toon hint

De laatste geldige index is lengte - 1.

Oplossing beschikbaar na 3 pogingen

Oefening beoordelen

Oefening#js.m3.l1.e2
Pogingen: 0Laden…

Begin met `fruit = ['mela', 'pera']`. Voeg aan het einde 'banaan' toe met push en retourneer vervolgens de volledige array als de laatste uitdrukking: ['mela','pera','banana'].

Editor laden…
Toon hint

push muteert de array; u hoeft niet opnieuw toe te wijzen.

Oplossing beschikbaar na 3 pogingen