For, While och Do While LOOP in JavaSkript (med exempel)
James Hartman
Hur använder man Loop?
Slingor är användbara när du måste köra samma rader kod upprepade gånger, ett visst antal gånger eller så länge som ett specifikt villkor är sant. Anta att du vill skriva ett "Hej"-meddelande 100 gånger på din webbsida. Naturligtvis måste du kopiera och klistra in samma rad 100 gånger. Om du istället använder loopar kan du slutföra denna uppgift på bara 3 eller 4 rader.
Olika typer av slingor
Det finns huvudsakligen fyra typer av slingor in JavaScript.
- för slinga
- för/i en slinga (förklaras senare)
- medan slingan
- gör ... medan loop
för slinga
Syntax:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- Uttalandet1 exekveras först även innan loopingkoden exekveras. Så den här satsen används normalt för att tilldela värden till variabler som kommer att användas inuti slingan.
- Uttalandet2 är villkoret för att exekvera slingan.
- Uttalandet3 exekveras varje gång efter att looping-koden exekveras.
Prova detta själv:
<html>
<head>
<script type="text/javascript">
var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write("<b>Using for loops </b><br />");
for (i=0;i<students.length;i++)
{
document.write(students[i] + "<br />");
}
</script>
</head>
<body>
</body>
</html>
medan slingan
Syntax:
while(condition)
{
lines of code to be executed
}
"While loop" exekveras så länge som det angivna villkoret är sant. Inuti while-loopen bör du inkludera uttalandet som kommer att avsluta loopen någon gång. Annars kommer din loop aldrig att ta slut och din webbläsare kan krascha.
Prova detta själv:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using while loops </b><br />");
var i = 0, j = 1, k;
document.write("Fibonacci series less than 40<br />");
while(i<40)
{
document.write(i + "<br />");
k = i+j;
i = j;
j = k;
}
</script>
</head>
<body>
</body>
</html>
gör ... medan loop
Syntax:
do
{
block of code to be executed
} while (condition)
Do...while-slingan är väldigt lik while-loopen. Den enda skillnaden är att i do...while loop, exekveras kodblocket en gång även innan villkoret kontrolleras.
Prova detta själv:
<html>
<head>
<script type="text/javascript">
document.write("<b>Using do...while loops </b><br />");
var i = 2;
document.write("Even numbers less than 20<br />");
do
{
document.write(i + "<br />");
i = i + 2;
}while(i<20)
</script>
</head>
<body>
</body>
</html>
