For, While és Do While LOOP in JavaSzkript (példával)

Hogyan kell használni a Loop-ot?

A hurkok akkor hasznosak, ha ugyanazt a kódsort ismételten kell végrehajtani, meghatározott számú alkalommal, vagy amíg egy adott feltétel igaz. Tegyük fel, hogy 100-szor szeretne beírni egy „Hello” üzenetet a weboldalán. Természetesen ugyanazt a sort 100-szor kell másolnia és beillesztenie. Ehelyett, ha hurkokat használ, ezt a feladatot mindössze 3 vagy 4 sorban hajthatja végre.

Használja a Loops in Javascript

Különböző típusú hurkok

Főleg négyféle hurok található benne JavaForgatókönyv.

  1. hurokhoz
  2. for/in a loop (magyarázat később)
  3. míg hurok
  4. do…while ciklus

hurokhoz

Syntax:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. Az utasítás1 kerül végrehajtásra először, még a hurokkód végrehajtása előtt is. Tehát ezt az utasítást általában arra használják, hogy értékeket rendeljenek a cikluson belüli változókhoz.
  2. Az utasítás2 a ciklus végrehajtásának feltétele.
  3. A 3 utasítás minden alkalommal végrehajtásra kerül a hurokkód végrehajtása után.

Próbáld ki magad:

<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>

míg hurok

Syntax:

while(condition)
{
lines of code to be executed
}

A „while ciklus” mindaddig végrehajtódik, amíg a megadott feltétel igaz. A while ciklusba bele kell foglalni azt az utasítást, amely egy bizonyos időpontban befejezi a ciklust. Ellenkező esetben a ciklus soha nem ér véget, és a böngésző összeomolhat.

Próbáld ki magad:

<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 ciklus

Syntax:

do
{
block of code to be executed
} while (condition)

A do…while ciklus nagyon hasonlít a while ciklushoz. Az egyetlen különbség az, hogy a do…while ciklusban a kódblokk egyszer lefut, még a feltétel ellenőrzése előtt.

Próbáld ki magad:

<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>