Als je al genoeg hebt van de if-else-instructie, heb ik goed nieuws voor je! In TypeScript is er een andere constructie voor het controleren van meerdere voorwaarden: de switch-case-instructie. Deze constructie is ontworpen om code uit te voeren op basis van de waarde die wordt doorgegeven. Laten we de definitie bekijken:

De syntaxis voor de switch-case-instructie ziet er als volgt uit:

switch (expression) {
    case value1:
        // Code to execute if expression equals value1
        break; // Optional break statement to exit the switch

    case value2:
        // Code to execute if expression equals value2
        break;

    // Additional cases...

    default:
        // Code to execute if none of the cases match the expression
}

Belangrijke punten over de switch-instructie in TypeScript:

• break: Meestal bevat elke case een break-instructie om de switch te verlaten nadat de code in de betreffende case is uitgevoerd. Dit voorkomt dat code uit andere case-takken wordt uitgevoerd. De break-instructie is optioneel, en zonder deze gaat de uitvoering verder naar de volgende case;

• default: default is een optioneel blok dat wordt uitgevoerd als geen van de case-waarden overeenkomt met de expressie. Het fungeert als alternatief voor alle case-takken.

De cursusontwikkelaar raakt door zijn inspiratie heen, dus bekijken we opnieuw het voorbeeld met de dagen van de week. Deze keer passen we echter de voorwaarden iets aan en bepalen we nu de naam van de dag van de week aan de hand van het nummer in de week:

Opmerking

Merk op dat als geen van de waarden overeenkomt, het default-blok wordt uitgevoerd.

We gebruiken de variabele day als een expressie en bepalen afhankelijk van de waarde de naam van de dag van de week. Op deze manier kunnen we meerdere voorwaarden creëren en specifieke code op basis daarvan uitvoeren.