11 - Javascript - loops

Loops in Javascript
1 / 14
volgende
Slide 1: Tekstslide
ICTMBOStudiejaar 1-4

In deze les zitten 14 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

Loops in Javascript

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Wat weet je al over loops in Javascript?

Slide 3 - Woordweb

Deze slide heeft geen instructies

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

Slide 4 - Tekstslide

Deze slide heeft geen instructies

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

Slide 5 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 7 - Tekstslide

Deze slide heeft geen instructies

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

Slide 8 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 11 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 13 - Tekstslide

Deze slide heeft geen instructies

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

Slide 14 - Open vraag

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.