For, While i Do While LOOP in JavaSkripta (s primjerom)
James Hartman
Kako koristiti Loop?
Petlje su korisne kada morate više puta izvršavati iste retke koda, određeni broj puta ili sve dok je određeni uvjet istinit. Pretpostavimo da želite upisati poruku 'Zdravo' 100 puta na svojoj web stranici. Naravno, morat ćete kopirati i zalijepiti isti redak 100 puta. Umjesto toga, ako koristite petlje, ovaj zadatak možete dovršiti u samo 3 ili 4 retka.
Različite vrste petlji
Uglavnom postoje četiri vrste petlji JavaScript.
- za petlju
- za/u petlji (objašnjeno kasnije)
- dok petlje
- do…while petlja
za petlju
Sintaksa:
for(statement1; statement2; statment3)
{
lines of code to be executed
}
- Izjava1 se izvodi prva čak i prije izvršavanja koda za petlju. Dakle, ova izjava se obično koristi za dodjeljivanje vrijednosti varijablama koje će se koristiti unutar petlje.
- Izjava2 je uvjet za izvršavanje petlje.
- Izjava3 se izvršava svaki put nakon što se izvrši kod za petlju.
Pokušajte ovo sami:
<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>
dok petlje
Sintaksa:
while(condition)
{
lines of code to be executed
}
"While petlja" se izvršava sve dok je navedeni uvjet istinit. Unutar while petlje trebali biste uključiti naredbu koja će završiti petlju u nekom trenutku. U suprotnom, vaša petlja nikada neće završiti i vaš bi se preglednik mogao srušiti.
Pokušajte ovo sami:
<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>
do…while petlja
Sintaksa:
do
{
block of code to be executed
} while (condition)
Do…while petlja vrlo je slična while petlji. Jedina je razlika u tome što se u petlji do…while blok koda izvršava jednom čak i prije provjere uvjeta.
Pokušajte ovo sami:
<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>
