JavaScript als anders en anders als
Voorwaardelijke instructies worden gebruikt om verschillende acties uit te voeren op basis van verschillende voorwaarden.
Voorwaardelijke stellingen
Heel vaak wil je bij het schrijven van code verschillende acties uitvoeren voor verschillende beslissingen.
U kunt hiervoor voorwaardelijke instructies in uw code gebruiken.
In JavaScript hebben we de volgende voorwaardelijke statements:
- Gebruik
if
om een codeblok op te geven dat moet worden uitgevoerd, als een opgegeven voorwaarde waar is - Gebruik
else
om een codeblok op te geven dat moet worden uitgevoerd, als dezelfde voorwaarde onwaar is - Gebruik
else if
om een nieuwe voorwaarde op te geven om te testen, als de eerste voorwaarde onwaar is - Gebruiken
switch
om veel alternatieve codeblokken op te geven die moeten worden uitgevoerd
De switch
stelling wordt beschreven in het volgende hoofdstuk.
De if-verklaring
Gebruik de if
instructie om een blok JavaScript-code op te geven dat moet worden uitgevoerd als een voorwaarde waar is.
Syntaxis
if (condition) {
// block of code to be executed if the condition is true
}
Merk op dat if
dit in kleine letters is. Hoofdletters (If of IF) genereren een JavaScript-fout.
Voorbeeld
Maak een "Goedendag"-begroeting als het uur minder dan 18:00 uur is:
if (hour < 18) {
greeting = "Good day";
}
Het resultaat van de begroeting is:
De else-verklaring
Gebruik de else
instructie om een codeblok op te geven dat moet worden uitgevoerd als de voorwaarde onwaar is.
if (condition) {
// block of code to be executed if the condition is true
}
else {
// block of code to be executed if the condition is false
}
Voorbeeld
Als het uur minder dan 18 is, maak dan een "Goedendag"-begroeting, anders "Goedenavond":
if (hour < 18) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Het resultaat van de begroeting is:
Good evening
De else if-verklaring
Gebruik de else if
instructie om een nieuwe voorwaarde op te geven als de eerste voorwaarde onwaar is.
Syntaxis
if (condition1) {
// block of code to be executed if condition1 is true
}
else if (condition2) {
// block of code to be executed if the condition1 is false and condition2 is true
} else {
// block of code to be executed if the condition1 is false and condition2 is false
}
Voorbeeld
Als de tijd minder dan 10:00 is, maak dan een "Goedemorgen"-begroeting, zo niet, maar de tijd is minder dan 20:00 uur, maak dan een "Goedendag"-begroeting, anders een "Goedenavond":
if (time < 10) {
greeting = "Good morning";
}
else if (time < 20) {
greeting = "Good day";
}
else {
greeting = "Good evening";
}
Het resultaat van de begroeting is:
Good evening
Meer voorbeelden
Dit voorbeeld schrijft een link naar W3Schools of naar de World Wildlife Foundation (WWF). Door een willekeurig getal te gebruiken, is er een kans van 50% voor elk van de links.