JavaScript Arrays

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 4

JavaScript Arrays

Leerdoelen

Je weet wat een array is

Je kunt een array declareren, op verschillende methoden

Je kunt een element opvragen uit een array

Je kunt een element wijzigen in een array

Je kunt een element toevoegen aan een array

Je kunt een element verwijderen uit een array

Wat is een Array

Een array is een lijst met indexen. In JavaScript hoeft een array niet van slechts een type te zijn.

In bovenstaand voorbeeld bestaat de array uit 4 elementen. Het eerste element heeft als index 0.

let fruitmand = ["appel","peer","ananas","banaan"];

Een array declareren

Een array kan op verschillende manieren gedeclareerd worden:

• letterlijk, door waarden in blokhaken te zetten
• door blokhaken te schrijven (lege array)
• door Array() functie aan te roepen.

Voorbeelden array declaratie

zowel letterlijk als met array constructor

letterlijk een lege array maken

een lege array maken met de array constructor

werken met de index

Als je de index van een element weet, dan kun je het element ophalen of zelfs de waarde aanpassen.

let fruitmand = ["appel","peer","ananas","banaan"];

let pauzefruit = fruitmand[1]; //peer

fruitmand[2] = "mandarijn"; //["appel", "peer", "mandarijn", "banaan"]

waarden aan array toevoegen/verwijderen - 1

Met .push(value) kan ik een waarde aan het einde van de array toevoegen

Met .unshift(value) kan ik een waarde aan het begin van de array toevoegen

Met .pop() verwijder ik de laatste waarde

Met .shift() verwijder ik de eerste waarde

Waarden aan array toevoegen/verwijderen - 2

splice()

splice(index)

splice()

opt

index: verplicht. De indexpositie om items toe te voegen of te verwijderen. Een negatieve index telt vanaf achteren.

howMany: optioneel. Hoeveel elementen er verwijderd moeten worden

item: optioneel. Het element dat toegevoegd moet worden

splice(index, howMany, item1, ..., itemX)

Splice() voorbeeld

Hoe voeg je een nieuw element toe aan het einde van een array in JavaScript?

1. array.push(newElement);
2. array.insertLast(newElement);
3. array.addToEnd(newElement);
4. array.append(newElement);

Maak een array Namen en vul hier 5 namen in