11 - Javascript - loops

Loops in Javascript
1 / 14
suivant
Slide 1: Diapositive
ICTMBOStudiejaar 1-4

Cette leçon contient 14 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

Loops in Javascript

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Leerdoel
Aan het eind van de les kun je loops in Javascript begrijpen en toepassen om herhaalde taken uit te voeren.

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Wat weet je al over loops in Javascript?

Slide 3 - Carte mentale

Cet élément n'a pas d'instructions

Wat zijn loops?
Loops zijn programmeerstructuren die herhaalde acties uitvoeren totdat een bepaalde voorwaarde is voldaan.

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Soorten Loops
In Javascript zijn er verschillende soorten loops
  • for
  • while
  • do-while

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

For Loop
Een 'for' loop herhaalt een blok code een specifiek aantal keren op basis van een voorwaarde.
 for (initialisatie; conditie; iteratie) {
      // code wat herhaaldelijk moet            
      // worden uitgevoerd
  }

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

For Loop - Voorbeeld
Voorbeeld van een for-loop
 for (let i = 0; i < 5; i++) {
     console.log(i); 
 }

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

While Loop
Een 'while' loop voert een blok code uit zolang de opgegeven voorwaarde waar is.
  while ($condition) { 
      // code to be executed 
  }

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

While Loop - voorbeeld
Een 'while' loop voert een blok code uit zolang de opgegeven voorwaarde waar is.
  let i = 0;
  while (i  < 5) { 
     console.log(i);
     i++; 
  }

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Do-While Loop
Een 'do-while' loop voert eerst het blok code uit en controleert daarna de voorwaarde. Het zal doorgaan met herhalen zolang de voorwaarde waar is.
do {
   // code om uit te voeren
} while (conditie)

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Do-While Loop - voorbeeld
Voorbeeld:
  let i = 0;
  do { 
     console.log(i);
     i++; 
  } while (i < 5);

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Opdracht: Oefenen met Loops
Schrijf een programma dat een lijst met getallen afdrukt en de som van alle getallen berekent met behulp van een loop in Javascript.

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Conclusie
Je hebt gezien welke loops er zijn binnen Javascript. Daarnaast heb je er mee geoefend.

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 14 - Question ouverte

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.