SMS versturen!






Condities

Vaak, wanneer je code schrijft wil je verschillende acties voor verschillende keuzes. Je kunt gebruik maken van conditionele statements in je code.

In javascript kennen we drie conditionele statements:

  • if statement - gebruik dit statement wanneer je een stuk code wilt laten uitvoeren als een conditie waar is.
  • if..else statement - gebruik dit statement wanneer je een van twee stukken code wilt laten uitvoeren.
  • switch statement - gebruik dit statement wanneer je een van veel stukken code wilt laten uitvoeren.

if en if...else Statement

Je gebruikt het if statement wanneer je een stuk code wilt laten uitvoeren als een conditie waar is.

Syntax
if (conditie)
{
Code die wordt uitgevoerd als conditie waar is.
}

Voorbeeld 
<script type="text/javascript">
//Wanneer de tijd in je browser minder is dan 12,
//dan krijg je het bericht "goedemorgen".

var d=new Date()
var time = d.getHours()

if (time<12)
{
  document.write("Goedemorgen")
}
<script>


Zie dat er geen ..else.. zit in deze syntax. Je vertelt de code alleen dat sommige code uitgevoerd moet worden wanneer de conditie waar is.

Wanneer je code wilt uitvoeren als de conditie waar is en een ander stuk code wanneer de conditie niet waar is dan gebruik je de if...else statement.

Syntax
if (conditie)
{
code die wordt uitgevoerd indien conditie waar is
}
else
{
code die wordt uitgevoerd indien de conditie niet waar is
}


Voorbeeld
<script type="text/javascript">
//Wanneer de tijd in je browser minder is dan 12,
//dan krijg je het bericht "goedemorgen!"
//anders krijg je het bericht "Goedendag!".
var d = new Date()
var time = d.getHours()

if (time < 12) 
{
document.write("Goedemorgen!")
}
else
{
document.write("Goedendag!")
}
</script>

Switch statement

Je gebruikt het Switch statement wanneer je een blok code wilt laten uitvoeren van veel blokken code.

Syntax
switch (expressie)
{
case label1:
  Code dat wordt uitgevoerd indien expressie = label1
  break    
case label2:
  Code dat wordt uitgevoerd indien expressie = label2
  break
default:
  Code dat wordt uitgevoerd
  wanneer expressie anders is 
  dan label1 en label2
}
Dit is hoe het werkt:We beginnen met een enkele expressie (meestal is dat een variabele), dat een keer wordt gevalideerd. De waarde van de expressie wordt vergeleken met de waarden voor elke case in de struktuur. Wanneer beide gelijk zijn wordt het blok code uitgevoerd die staat in die betreffende case. Door gebruik te maken van break voorkomen we dat het script doorgaat met de volgende case.

Voorbeeld
<script type="text/javascript">
//Je krijgt een verschillend bericht afhankelijk
//van welke dag het is. Merk op dat zondag=0,
//maandag=1, dinsdag=2, enz.
var d=new Date()
theDay=d.getDay()
switch (theDay)
{
case 5:
  document.write("Eindelijk vrijdag")
  break
case 6:
  document.write("Heerlijk, zaterdag.")
  break
case 0:
  document.write("Uitslaap zondag")
  break
default:
  document.write("Ik heb weer zin in het weekend!")
}

Conditionele operator

Javascript kent ook een conditionele operator die een waarde toekent aan een variabele gebaseerd op een conditie.

Syntax 
variabelenaam=(conditie)?waard1:waarde2

Voorbeeld
begroeting=(bezoeker=="PRES")?"Geachte president ":"Geachte "

Wanneer de variabele bezoeker gelijk is aan PRES dan zet de string "Geachte president " in de variabele naam begroeting. Is de variabele bezoeker niet gelijk aan PRES dan zet de string "Geachte " in de variabele naam begroeting.

29-09-2004 bron: W3C (w3schools.com)