11 - Javascript - loops

Loops in Javascript
1 / 14
next
Slide 1: Slide
ICTMBOStudiejaar 1-4

This lesson contains 14 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

Loops in Javascript

Slide 1 - Slide

This item has no instructions

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

Slide 2 - Slide

This item has no instructions

Wat weet je al over loops in Javascript?

Slide 3 - Mind map

This item has no instructions

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

Slide 4 - Slide

This item has no instructions

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

Slide 5 - Slide

This item has no 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 - Slide

This item has no instructions

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

Slide 7 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no instructions

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

Slide 11 - Slide

This item has no 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 - Slide

This item has no instructions

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

Slide 13 - Slide

This item has no instructions

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

Slide 14 - Open question

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.