4. Control structures

4 Javascript control structures

Controle structuren in JavaScript worden gebruikt om de stroom van de code te sturen op basis van bepaalde voorwaarden. De meest voorkomende controle structuren zijn if, else if, else, en switch.

4.1.1 Javascript control structures: if

De if-structuur wordt gebruikt om een blok code uit te voeren als een bepaalde voorwaarde waar is.

const leeftijd = 20;
 
if (leeftijd >= 18) {
    console.log("Je bent volwassen.");
}

In dit voorbeeld wordt de boodschap “Je bent volwassen.” alleen naar de console gelogd als de waarde van leeftijd groter dan of gelijk aan 18 is.

4.1.2 Javascript control structures: if...else

De if...else-structuur wordt gebruikt om een blok code uit te voeren als een voorwaarde waar is en een ander blok code als de voorwaarde niet waar is.

const leeftijd = 16;
 
if (leeftijd >= 18) {
    console.log("Je bent volwassen.");
} else {
    console.log("Je bent minderjarig.");
}

In dit voorbeeld wordt “Je bent minderjarig.” naar de console gelogd omdat de waarde van leeftijd kleiner is dan 18.

4.1.3 Javascript control structures: if... else if...else

De if...else if...else-structuur wordt gebruikt om meerdere voorwaarden te controleren en verschillende blokken code uit te voeren op basis van welke voorwaarde waar is.

const score = 85;
 
if (score >= 90) {
    console.log("Je hebt een A.");
} else if (score >= 80) {
    console.log("Je hebt een B.");
} else if (score >= 70) {
    console.log("Je hebt een C.");
} else {
    console.log("Je hebt een onvoldoende.");
}

In dit voorbeeld wordt “Je hebt een B.” naar de console gelogd omdat de waarde van score tussen 80 en 89 ligt.

4.1.4 Javascript control structures: switch

De switch-structuur wordt gebruikt om een variabele te vergelijken met verschillende waarden en een bijbehorend blok code uit te voeren op basis van de waarde van de variabele.

let dag = 3;
let naamVanDeDag;
 
switch (dag) {
    case 1:
        naamVanDeDag = "Maandag";
        break;
    case 2:
        naamVanDeDag = "Dinsdag";
        break;
    case 3:
        naamVanDeDag = "Woensdag";
        break;
    case 4:
        naamVanDeDag = "Donderdag";
        break;
    case 5:
        naamVanDeDag = "Vrijdag";
        break;
    case 6:
        naamVanDeDag = "Zaterdag";
        break;
    case 7:
        naamVanDeDag = "Zondag";
        break;
    default:
    naamVanDeDag = "Ongeldige dag";
}
 
console.log(naamVanDeDag); // "Woensdag"

In dit voorbeeld wordt “Woensdag” naar de console gelogd omdat de waarde van dag gelijk is aan 3.

4.2 Oefeningen JavaScript control structures

Hieronder staan enkele oefeningen voor JavaScript control structures

4.2.1 Oefeningen JavaScript control structures: if

Schijf een if-statement waarbij je na gaat of het getal positief is. Als dit het geval is, zorg dat de output “Het getal is positief” is.

const getal = 5;
 
// Schrijf je if-structuur hier

4.2.2 Oefeningen JavaScript control structures: if...else

Breid de oefening van 4.2.1 uit met een else statement. Als het getal niet positief is, zorg dan dat de output “Het getal is negatief” is.

const getal = 5;
 
// Breid de code hier uit

4.2.3 Oefeningen JavaScript control structures: if... else if...else

Schrijf een if... else if...else-statement die jouw cijfer beoordeeld. Zie hieronder een tabel met cijfers met bijbehorende output.

Cijfer	Output
Hoger dan 9	”Uitstekend”
Tussen 8 en 9	”Goed”
Tussen 7 en 8	”Ruim voldoende”
Tussen 6 en 7	”Voldoende”
Tussen 5.4 en 6	”Matig”
Lager dan 5.5	”Onvoldoende”

const cijfer = 5
 
// Schrijf hier jouw `if... else if...else`-statement
 

4.2.4 Oefeningen JavaScript control structures: switch

Schrijf een switch-structuur die de waarde van een variabele maand controleert en de naam van de maand naar de console logt. Gebruik de getallen 1 tot 12 voor de maanden januari tot en met december.

const maand = 8;
let naamVanDeMaand;
 
console.log(naamVanDeMaand); // "Augustus"