Conditionele ofvoorwaardelijke statements zijn essentieel in een programma. Ze stellen je in staat om te bepalen of je een stukje code uitvoert of niet. Of je kunt in het ene geval dat stukje code uitvoeren en in het andere geval een ander stukje code uitvoeren. Bijvoorbeeld wanneer een gebruiker een man is kun je op het scherm laten tonen "Hallo meneer!" en wanneer het een vrouw is kun je "Hallo mevrouw!" tonen.

De gewoneif betekent dat er wordt gezien of iets waar is en als het waar is wordt er iets uitgevoerd. Zoals in het volgende voorbeeld.

varx=5;vary=5;if(x==y){document.write("De twee getallen zijn gelijk.");}

In dit stukje code vergelijken we twee getallen,x eny. Als de twee getallen gelijk zijn wordt wat er in deif-blok (tussen de accolades) staat uitgevoerd. Was de waarde vany nu 10, dan werd het niet uitgevoerd. Eenif-statement begint altijd met het woordjeif en na de if komen twee haakjes. In die twee haakjes moet een voorwaarde komen. Die voorwaarde kan een vergelijking zijn of een boolean. In dit geval is het een vergelijking. Als de vergelijking klopt dan geeft dietrue terug. Wanneer je te maken hebt met een boolean, moet de boolean de waardetrue hebben als je wilt dat het wordt uitgevoerd.

varwaar=true;if(waar){//Voer de code uit bij 'true'.}

if ... else maakt het mogelijk om code uit te voeren als er niet wordt voldaan aan de voorwaarde van deif.

vara=5;varb=10;if(a==b){document.write("De twee getallen zijn gelijk.");}else{document.write("De twee getallen zijn niet gelijk.");}

Met als uitvoer:

De twee getallen zijn niet gelijk.

Deze structuur maakt het mogelijk om te bepalen welke van 3 of meer blokjes code er wordt uitgevoerd.

if(geslacht=="Man"){document.write("Hallo meneer!");}elseif(geslacht=="Vrouw"){document.write("Hallo mevrouw!");}else{document.write("Hallo!");}

else if moet net zoalsif een voorwaarde bevatten. Zoals er al werd gezegd, kan met deze structuur ook uit meer dan 3 blokjes code worden bepaald welke er wordt uitgevoerd. Dit kan worden gedaan door deelse if meerdere malen te gebruiken.

if(x==1){document.write("X is één waard.");}elseif(x==2){document.write("X is twee waard.");}elseif(x==3){document.write("X is drie waard.");}elseif(x==4){document.write("X is vier waard.");}elseif(x==5){document.write("X is vijf waard.");}elseif(x==6){document.write("X is zes waard.");}elseif(x==7){document.write("X is zeven waard.");}elseif(x==8){document.write("X is acht waard.");}elseif(x==9){document.write("X is negen waard.");}elseif(x==10){document.write("X is tien waard.");}else{document.write("X is meer dan tien of minder dan 1 waard.");}

Je kunt oneindig veel keerelse if gebruiken. Ook belangrijk om te weten is dat deif geen gelijkaardige voorwaardes moeten bevatten zoals in de voorbije voorbeelden. Wat we daarmee bedoelen is datif bijvoorbeeld een voorwaarde in de stijl van "geslacht == "Man"" mag hebben, deelse if mag dan bijvoorbeeld een voorwaarde hebben zoals "x == 10" en een andereelse if mag dan weer een boolean hebben als voorwaarde.

Deswitch is een goed alternatief voor hetif ... else if ... else structuur. Voornamelijk omdat het veel overzichtelijker overkomt. De switch kijkt één keer naar een variabele en vervolgens gaat het een hele lijst van mogelijke waarden af. We nemen het voorbeeld van het vorige stukje en veranderen het in eenswitch:

switch(x){case1:document.write("X is één waard.");break;case2:document.write("X is twee waard.");break;case3:document.write("X is drie waard.");break;case4:document.write("X is vier waard.");break;case5:document.write("X is vijf waard.");break;case6:document.write("X is zes waard.");break;case7:document.write("X is zeven waard.");break;case8:document.write("X is acht waard.");break;case9:document.write("X is negen waard.");break;case10:document.write("X is tien waard.");break;default:document.write("X is meer dan tien of minder dan één waard.");}

Eenswitch begint natuurlijk altijd met het woordswitch. Tussen de haakjes komt de variabele of een ander soort waarde waarmee je de lijst van mogelijkheden wilt afgaan. Iederecase staat voor zo'n mogelijkheid en daarachter komt de mogelijke waarde te staan. Daarachter komt de code staan die wordt uitgevoerd als het overeenkomt. Je moet wel heel goed opletten voor debreak. Die moet altijd komen na de code die zou moeten worden uitgevoerd. Debreak zorgt ervoor dat je meteen uit deswitch stapt. Dit is vooral belangrijk voor de 'default. Wanneer je geenbreak plaatst wordt wat er achter dedefault staat ook uitgevoerd. Dedefault is deelse van de switch, komt er geen mogelijkheid overeen met de waarde van de variabele dan wordt de code achter dedefault uitgevoerd.

• Programmeren in JavaScript - inhoud

• Hoofdstuk