Cursusinhoud

Introductie tot JavaScript

1. JavaScript Basisprincipes

Over JavaScript Begrijpen van JavaScript-Syntaxis Uitdaging: Console Output in JavaScript Het Gebruik van Opmerkingen om Code te Documenteren Uitdaging: Schrijf een Single-Line Opmerking Uitdaging: Schrijf een Multi-Line Opmerking

2. Variabelen en Gegevenstypen in JavaScript

Begrijpen van Variabelen in JavaScript Uitdaging: Definieer de Variable Using Const voor Constanten Verkennen van JavaScript-Gegevenssoorten Werken met Null in JavaScript Introductie tot Arrays Arraymethoden en Manipulatie Uitdaging: Voer Arraybewerkingen Uit

3. Operaties Uitvoeren in JavaScript

Begrijpen van Toewijzingsoperatoren Wiskundige Bewerkingen in JavaScript Toewijzingsoperatoren in JavaScript Incrementeer- en Decrementeeroperatoren Uitdaging: Variabele Bewerkingen Oefenen Vergelijkingsoperatoren in JavaScript Logische Operators Uitgelegd Uitdaging: Vergelijk Variabelen in JavaScript Strings Samenvoegen in JavaScript Uitdaging: Bouw Zinnen met JavaScript

4. Het Beheersen van de Programmastroom met Conditionele Uitspraken

Beheersen van If-Verklaringen in JavaScript Else Gebruiken Voor Alternatieve Uitkomsten Else If Toepassen Voor Meerdere Voorwaarden Uitdaging: Bepaal Maten met Conditionals

5. Door Data Heen Lopen in JavaScript

Het Begrijpen van de While-Lus in JavaScript Het Gebruik van de Do While-Lus voor Iteratie Uitdaging: Print Nummers van 5 tot 9 Af Het Beheersen van de for-Lus in JavaScript Uitdaging: Console Tigers Met Lussen Uitbreken Uit Lussen met Break Iteraties Overslaan Met Continue Uitdaging: Stoppen en Overslaan in Loops

6. Functies in JavaScript

Wat Zijn Functies in JavaScript?Functies Definiëren in JavaScript Uitdaging: Schrijf een Functie – Mijn Naam Effectief Gebruik van Functieargumenten Waarden Retourneren Vanuit Functies Uitdaging: Maak een Sumfunctie Cursusoverzicht & Volgende Stappen

Het Beheersen van de for-Lus in JavaScript

De for loop is een fundamentele lusstructuur in JavaScript, hoewel het aanvankelijk moeilijk te begrijpen kan zijn. Het gebruikt het for sleutelwoord en vereist drie parameters tussen haakjes:

javascript

Hier is een overzicht van deze parameters:

Initialisatie: Dit is waar je een nieuwe teller initialiseert die door de for loop wordt gebruikt. Het wordt slechts één keer uitgevoerd;
Voorwaarde: Een expressie die voor elke iteratie wordt gecontroleerd, vergelijkbaar met de while loop;
Increment/Decrement: Operaties die aan het einde van elke lusiteratie op de teller worden uitgevoerd.

Opmerking

Iteratie in lussen verwijst naar het herhalen van een blok code een bepaald aantal keren of totdat een specifieke voorwaarde is vervuld. Elke keer dat het codeblok wordt uitgevoerd, wordt het beschouwd als één iteratie.

Laten we dit illustreren met een voorbeeld:


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

In dit voorbeeld:

let i = 1: Initialisatie, waar we de variabele i binnen de for-lus maken. Deze operatie wordt één keer uitgevoerd;
i < 5: Voorwaarde, gecontroleerd voor elke iteratie;
i++: Incrementele expressie, uitgevoerd na elke iteratie;
console.log("Loop iteration:", i);: Lichaam van de for-lus.

Elke stap in de lus kan als volgt worden beschreven:

javascript

Stap 2 herhaalt zich totdat de voorwaarde false wordt.

Het kan nuttig zijn om een diagram te overwegen om een duidelijker begrip te krijgen van hoe de lus werkt.

Je kunt ook decrement gebruiken in de for-lus, zoals hier getoond:


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

De for loop counter is uniek voor zijn scope, dus je hoeft je geen zorgen te maken dat de naam van de teller conflicteert met andere variabelen:


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

Verschillende uitdrukkingen voor Increment/Decrement operaties kunnen ook worden gebruikt:


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Vergelijking van de for- en while-lussen

Bij het vergelijken van for- en while-lussen is de for-lus vaak eenvoudiger en beknopter. Hier is een voorbeeld van equivalente lussen:


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

In deze vergelijking is de for-lus eenvoudiger en neemt minder code ruimte in beslag. Bovendien wist de for-lus automatisch de teller variabele (in dit geval, i) na uitvoering.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 4

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.