For, While a Do While LOOP in JavaSkript (s příkladem)

Od: James Hartman James Hartman
Hours aktualizováno

Jak používat Loop?

Smyčky jsou užitečné, když musíte opakovaně provádět stejné řádky kódu, po určitý počet opakování nebo tak dlouho, dokud platí určitá podmínka. Předpokládejme, že chcete na svou webovou stránku napsat 100krát zprávu „Ahoj“. Samozřejmě budete muset zkopírovat a vložit stejný řádek 100krát. Místo toho, pokud používáte smyčky, můžete tento úkol dokončit pouze ve 3 nebo 4 řádcích.

Použijte Loops in Javascript

Různé typy smyček

Existují hlavně čtyři typy smyček JavaScénář.

  1. pro smyčku
  2. pro/ve smyčce (vysvětleno později)
  3. zatímco smyčka
  4. do...smyčka

pro smyčku

Syntaxe:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. Příkaz1 je proveden jako první ještě před provedením cyklického kódu. Tento příkaz se tedy normálně používá k přiřazení hodnot proměnným, které budou použity uvnitř smyčky.
  2. Příkaz2 je podmínkou pro provedení smyčky.
  3. Příkaz3 je proveden pokaždé po provedení smyčkového kódu.

Zkuste toto:

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

zatímco smyčka

Syntaxe:

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

„Smyčka while“ se provádí tak dlouho, dokud platí zadaná podmínka. Do smyčky while byste měli zahrnout příkaz, který smyčku v určitém okamžiku ukončí. Jinak vaše smyčka nikdy neskončí a váš prohlížeč může spadnout.

Zkuste toto:

<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...smyčka

Syntaxe:

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

Cyklus do...while je velmi podobný cyklu while. Jediný rozdíl je v tom, že ve smyčce do...while se blok kódu provede jednou ještě před kontrolou podmínky.

Zkuste toto:

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