For, While i Do While LOOP JavaSkrypt (z przykładem)

Przez: Jamesa Hartmana Jamesa Hartmana
Hours Zaktualizowano

Jak korzystać z pętli?

Pętle są przydatne, gdy trzeba wielokrotnie wykonywać te same wiersze kodu, określoną liczbę razy lub tak długo, jak spełniony jest określony warunek. Załóżmy, że chcesz wpisać wiadomość „Witam” 100 razy na swojej stronie internetowej. Oczywiście będziesz musiał skopiować i wkleić tę samą linię 100 razy. Zamiast tego, jeśli użyjesz pętli, możesz wykonać to zadanie w zaledwie 3 lub 4 liniach.

Użyj pętli Javascript

Różne typy pętli

Istnieją głównie cztery typy pętli JAVASCRIPT.

  1. dla pętli
  2. pętla for/in (wyjaśniona później)
  3. pętla while
  4. zrobić… pętla while

dla pętli

Składnia:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. Instrukcja 1 jest wykonywana jako pierwsza, nawet przed wykonaniem kodu zapętlającego. Zatem instrukcja ta jest zwykle używana do przypisywania wartości zmiennym, które będą używane wewnątrz pętli.
  2. Instrukcja2 jest warunkiem wykonania pętli.
  3. Instrukcja3 jest wykonywana za każdym razem po wykonaniu kodu zapętlającego.

Spróbuj tego sam:

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

pętla while

Składnia:

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

„Pętla while” jest wykonywana tak długo, jak określony warunek jest prawdziwy. Wewnątrz pętli while należy umieścić instrukcję, która zakończy pętlę w pewnym momencie. W przeciwnym razie pętla nigdy się nie zakończy, a przeglądarka może się zawiesić.

Spróbuj tego sam:

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

zrobić… pętla while

Składnia:

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

Pętla do…while jest bardzo podobna do pętli while. Jedyna różnica polega na tym, że w pętli do…while blok kodu jest wykonywany jednokrotnie, jeszcze przed sprawdzeniem warunku.

Spróbuj tego sam:

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