Begrip: Array-methoden

Arrays hebben een groot aantal ingebouwde methoden die je kunt gebruiken om bewerkingen op arrays uit te voeren. De volledige lijst is te vinden in de MDN documentatie. Hieronder bespreken we de belangrijkste:

• push(element1, ..., elementN): Voegt één of meerdere elementen toe aan het einde van de array.

  const cijfers = [1, 2, 3];
  cijfers.push(4); // cijfers is nu [1, 2, 3, 4]
  cijfers.push(5, 6); // cijfers is nu [1, 2, 3, 4, 5, 6]

• pop(): Verwijdert het laatste element van de array en retourneert dit element.

  const cijfers = [1, 2, 3];
  const laatste = cijfers.pop(); // laatste is 3, cijfers is nu [1, 2]

• shift(): Verwijdert het eerste element van de array en retourneert dit element.

  const cijfers = [1, 2, 3];
  const eerste = cijfers.shift(); // eerste is 1, cijfers is nu [2, 3]

• sort(): Sorteert de elementen van de array in plaats (standaard in lexicografische volgorde, volgens de ASCII tabel).

  const cijfers = [3, 1, 2];
  cijfers.sort(); // cijfers is nu [1, 2, 3]

• reverse(): Keert de volgorde van de elementen in de array om.

  const cijfers = [1, 2, 3];
  cijfers.reverse(); // cijfers is nu [3, 2, 1]

• join(separator): Combineert alle elementen van de array tot een enkele string, gescheiden door de opgegeven separator.

  const woorden = ['Hello', 'World'];
  const zin = woorden.join(' '); // zin is "Hello World"

• at(index): Retourneert het element op de opgegeven index. Ondersteunt negatieve indices om vanaf het einde te tellen.

  const cijfers = [10, 20, 30, 40, 50];
  const derde = cijfers.at(2); // derde is 30
  const laatste = cijfers.at(-1); // laatste is 50

• fill(value, start, end): Vult de array met het opgegeven value van de start index tot de end index (exclusief). Als start en end niet opgegeven zijn, wordt de hele array gevuld.

  const cijfers = [1, 2, 3, 4, 5];
  cijfers.fill(0); // cijfers is nu [0, 0, 0, 0, 0]

• filter(predicate): Creëert een nieuwe array met alle elementen die voldoen aan de voorwaarde gedefinieerd in de predicate functie.

  const cijfers = [1, 2, 3, 4, 5];
  const evenCijfers = cijfers.filter(num => num % 2 === 0); // evenCijfers is [2, 4]

• map(callback): Creëert een nieuwe array door de callback functie toe te passen op elk element van de originele array.

  const cijfers = [1, 2, 3];
  const verdubbeld = cijfers.map(num => num * 2); // verdubbeld is [2, 4, 6]

• reduce(callback, initialValue): Reduceert de array tot een enkele waarde door de callback functie toe te passen op elk element, met een optionele initialValue.

  const cijfers = [1, 2, 3, 4];
  const som = cijfers.reduce((accumulator, current) => accumulator + current, 0); // som is 10

• slice(start, end): Retourneert een nieuw array dat een deel van de originele array bevat, beginnend bij start index tot end index (exclusief). Als end niet opgegeven is, worden alle elementen vanaf start tot het einde van de array genomen.

  const cijfers = [1, 2, 3, 4, 5];
  const deel = cijfers.slice(1, 4); // deel is [2, 3, 4]