U3 LA 2.1, Arrays en Loops Deel 1

Een array is een lijst van met variabelen. Het woord Array komt het Nederlandse UnRij. Dat krijgen die Engelsen niet uit hun b*k…

Voorbeeld Fruit

In een fruitmand zitten 4 stuks fruit. Je wilt ze allemaal displayen. Met dezelfde code. Je krijgt dan:

var fruit = [];
function setup() {
  createCanvas(400, 400);
  fruit[0]="appel"
  fruit[1]="sinaasappel"
  fruit[2]="peer"
  fruit[3]="ananas"
}

Hoe maak je een array?

• Definieer eerst je array variabele met []
• Een array begint bij element 0. Niet vanaf 1, dat doen ze bij Wiskunde.
• array.length is een veelgebruikte truuk. In dit geval 4.

Andere notatie

Een andere notatie voor dezelfde array is:

fruit = ["appel","sinaasappel","peer","ananas"]

Dit is de meestgebruikte notatie, dat is logisch. Want een goede programmeur is lui.

Loop door de Array met een for-loop

Hoe laat je nu dezelfde berekening los op elk element van de array? Gebruik de for-loop.

function draw() {
    for (var f = 0; f < fruit.length; f++) {
        text(fruit[f], 100, 100 + 20 * f);
    }
}

Opdracht arrays: je favo spelers

Ben je nu fan van een bepaalde sport of club, maak dan een lijst van tenminste 7 spelers van die club of sport. Heb je geen club of sport en weet je zelf geen beter voorbeeld? Dan doe je maar je favo docenten van vorig jaar.

Print de namen van de spelers schuin onder elkaar en ook zo dat ze telkens een kleurverschil hebben met de vorige. De nummer 1 in de grootste letters en dan steeds wat kleiner als minder belangrijk.

Gebruik een array voor je spelers en gebruik de for-loop om ze allemaal af te lopen.