The IF statement

Het beheersen van de code flow/doorstroming is een van de belangrijkste concepten van programmeren, en de meest elementaire controlestructuur is waarschijnlijk het if-statement. Hiermee kun je eenvoudigweg een voorwaarde opgeven voor het al dan niet uitvoeren van de volgende regel(s). Hier is een eenvoudig voorbeeld:

if(something == true)
	alert("something is true!");

De eerste regel is de if-statement - een eenvoudige voorwaarde voor het al dan niet uitvoeren van de volgende regel. We kunnen proberen dit te veranderen in iets dat invoer van de gebruiker nodig heeft, om echt te testen of het al dan niet werkt:

var answer = confirm("Is it true?");
if(answer == true)
	alert("I knew it was true!");

Onthoud, zoals we eerder in deze tutorial hebben besproken: Als de voorwaarde meer dan één regel moet bevatten, moet je hem omringen met accolades, waardoor een blok code ontstaat:

var answer = confirm("Is it true?");
if(answer == true)
{
	alert("I knew it was true!");
	alert("I knew it too!");
}

Meerdere voorwaarden

De if-instructie controleert eenvoudig of de opgegeven voorwaarde als waar kan worden beschouwd. Hierdoor kun je zoveel voorwaarden opgeven als je wilt. We kunnen zowel de && (AND) als de || (OR) operatoren gebruiken (waarover later meer) om voorwaarden toe te voegen:

var age = prompt("What's your age?");
var hasDriversLicense = confirm("Do you have a drivers license?")
if(hasDriversLicense || (age >= 18 && age <= 80))
	alert("I guess you can be allowed to drive a car!");

Dus, als je een rijbewijs hebt OF een geschikte leeftijd (tussen 18 en 80), zal deze code je toestaan om een auto te besturen. Dit is geen erg realistisch voorbeeld, maar hopelijk illustreert het hoe je meerdere voorwaarden kunt gebruiken in je if-statement.

if...else ( als...anders )

Onze huidige if-instructie doet alleen iets als de voorwaarde waar is, maar we moeten misschien iets anders doen als de voorwaarde NIET waar is. Daarvoor hebben we de else-instructie, die natuurlijk alleen samenwerkt met de if-instructie. Hier is een voorbeeld:

var answer = confirm("Is it true?");
if(answer == true)
	alert("I knew it was true!");
else
	alert("Oh well, guess not then...");

En nogmaals, als je meer regels code nodig hebt voor een (of beide) voorwaarden, omring je deze gewoon met een blok:

var answer = confirm("Is it true?");
if(answer == true)
{
	alert("I knew it was true!");
	// More true code...
}
else
{
	alert("Oh well, guess not then...");
	// More false code...
}

if...else...if ( als...anders...als)

Met behulp van geneste if-statements kunnen we behoorlijk geavanceerde logica creëren:

var age = prompt("What's your age?");
if(age < 1)
	alert("Infant");
else if(age < 13)
		alert("Child");
	else if(age < 18)
		alert("Teenager");
	else
		alert("Adult");

Als je dat wilt of moet, kun je natuurlijk blokken gebruiken rond de voorwaarden, net zoals we in eerdere voorbeelden zagen.

Samenvatting

Het if statement is makkelijk te gebruiken en te begrijpen, maar toch zo krachtig. Als je nieuw bent in de wereld van programmeren, zul je misschien verbaasd zijn als je je realiseert hoe veelvoorkomend ze zijn. Je moet ook weten dat er een alternatieve, kortere notatie is voor if...else statements, maar die bespreken we in het hoofdstuk over operatoren. Laten we nu verder gaan met de meer geavanceerde controlestructuren.