Loopar i JavaScript

For-loop

Kod:

<script type="text/javascript">
<!--
  var i = 0; //deklarera variabel

  for(i = 0; i < 10; i++) //Loopa tills i när 10
  {
    document.writeln("Räknaren i är nu: " + i + "<BR>"); //Skriv ut till hemsida
  }
-->
</script>

Resultat:

While-loop

Kod:

<script type="text/javascript">
<!--
  var i = 0; //deklarera variabel

  while(i < 10) //Loopa så länge villkor är sant
  {
    document.writeln("Räknaren i är nu: " + i + "<BR>"); //Skriv ut till hemsida
  i++;
  }
-->
</script>

Resultat:

Do...while-loop

Kod:

<script type="text/javascript">
<!--
  var i = 0; //deklarera variabel

  do
  {
    document.writeln("Räknaren i är nu: " + i + "<BR>"); //Skriv ut till hemsida
    i++
  }while(i < 10) //Loopa tills i blir 10
-->
</script>

Resultat:

For-loop och break

Loopen kommer avbrytas då räknaren är jämnt delbar med 5.

Kod:

<script type="text/javascript">
<!--
  var i = 0; //deklarera variabel

  for(i = 0; i < 10; i++) //Loopa tills i när 10
  {
    document.writeln("Räknaren i är nu: " + i + "<BR>"); //Skriv ut till hemsida
    if(i/5 == 1) //Om jämt delbar med 5...
      break;     //... avsluta loop
  }
-->
</script>

Resultat:

While-loop och continue

Om räknarens nästa värde inte är jämnt (d.v.s. udda) så kommer programmet fortsätta med nästa loop. Annars kommer en extra rad med text skrivas ut. Logiken i denna loop är lite omständig för att exemplet ska fungera. (Ska fundera på ett bättre exempel - 01-01-01.)

Kod:

<script type="text/javascript">
<!--
  var i = 0; //deklarera variabel

  while(i < 10) //Loopa så länge villkor är sant
  {
    document.writeln("Ränaren i är nu: " + i + "<BR>"); //Skriv ut till hemsida
    i++;
    if(i%2) //Om "nästa" värde på räknaren är jämnt...
      continue; //... fortsätt med nästa loop
        //Nästa sats kommer endast exekvera om "nästa" tal är jämnt
    document.writeln("&nbsp;&nbsp;&nbsp;Talet ovan är udda<BR>");
  }
-->
</script>

Resultat:

Skapad av: Björn Persson Uppdaterad: