Lähdekoodi sivulle JavaScript

== Ohjainrakenteet ==

=== Ehtorakenteet ===

==== if ... else if ... else ====
if toistaa koodin mikäli ehto toteutuu.

<syntaxhighlight lang="JavaScript">
if (ehto) {
  lause1
} else if (ehto2) {
  lause2
} else {
  lause3
}
</syntaxhighlight>

<code>else if</code> ei ole pakollinen, kuten ei myöskään <code>else</code>. <code>else if</code>-lauseita voi olla myös useita.

Esimerkki:
<syntaxhighlight lang="JavaScript">
var lampotila = 24;
if (lampotila >= 25) {
  document.write("Onpa kuuma!");
} else if (lampotila >= 15) {
  document.write("Sopivan lämmintä!");
} else if (lampotila >= 0) {
  document.write("No, ei ole ainakaan pakkasta.");
} else {
  document.write("Kannattaa pukeutua lämpimästi!");
}
</syntaxhighlight>

==== switch ====
switch toistaa annetuista vaihtoehtoisista koodeista sen, jolle annettu tunnus täsmää lausekkeen kanssa.
break-avainsanaa tarvitaan katkaisemaan koodin suorittaminen, sillä muuten koodin suoritus jatkuisi oikeasta arvosta loppuun saakka.

<syntaxhighlight lang="JavaScript">
switch (lauseke) {
  case arvo1:
    lause1;
    break;
  case arvo2:
    lause2;
    break;
  ...
  default:
    oletuslause;
}
</syntaxhighlight>

Esimerkki:
<syntaxhighlight lang="JavaScript">
var luku = 3;
switch (luku) {
  case 1:
    document.write("Luku on 1 eikä 2 tai jotain muuta.");
    break;
  case 2:
    document.write("Luku on 2 eikä 1 tai jotain muuta.");
    break;
  default:
    document.write("Luku ei ole 1 eikä 2 vaan jotain muuta.");
}
</syntaxhighlight>

=== Toistorakenteet ===
<code>break</code>-avainsana katkaisee silmukan suorittamisen. <code>continue</code>-avainsana katkaisee meneillään olevan silmukan ja jatkaa seuraavasta arvosta.

==== for ====
<code>for</code> toistaa koodia niin pitkään kuin ehto toteutuu. for-rakenteella koodia voidaan toistaa haluttu määrä kertoja.

<syntaxhighlight lang="JavaScript">
for (alustus; ehto; jatko) {
  lause;
}
</syntaxhighlight>

Esimerkki:
<syntaxhighlight lang="JavaScript">
for (i = 0; i < 4; i++) {
  document.write(i);
}
</syntaxhighlight>

==== while ====
while toistaa koodia niin pitkään kuin ehto on voimassa.

<syntaxhighlight lang="JavaScript">
while (ehto) {
  lause;
}
</syntaxhighlight>

Esimerkki:
<syntaxhighlight lang="JavaScript">
var i=0;
while (i<=4) {
  document.write(i);
  i=i+1;
}
</syntaxhighlight>

==== do ... while ====
do while toistaa ensin koodin kerran ja sitten niin pitkään kuin ehto on voimassa

<syntaxhighlight lang="JavaScript">
do {
  lause;
}

while (ehto)
</syntaxhighlight>

Esimerkki:
<syntaxhighlight lang="JavaScript">
var i = 0;
do {
  document.write(i);
  i = i + 1;
}
while (i < 0);
</syntaxhighlight>

==== for ... in ====
for in rakenteella voidaan käydä läpi taulukon tai olion muuttujia.
<syntaxhighlight lang="JavaScript">
for (muuttuja in olio) {
  lause;
}
</syntaxhighlight>

Esimerkki:
<syntaxhighlight lang="JavaScript">
var merkit = [];
merkit[0] = "Asteriski";
merkit[1] = "Heittomerkki";
merkit[2] = "Lainausmerkki";

for (x in merkit) {
  document.write(merkit[x] + "<br />");
}
</syntaxhighlight>

==== forEach ====
forEach toimii taulukoille samalla tavalla kuin <code>for ... in</code>.

Esimerkki:
<syntaxhighlight lang="JavaScript">
var arvosanat = [2, 3, 4, 1, 5, 4, 3];
arvosanat.forEach(arvosana => {
  document.write(arvosana + "\n");
});
</syntaxhighlight>