For, While и Do While LOOP in JavaСкрипт (с пример)

по: Джеймс Хартман Джеймс Хартман
Hours Обновено

Как да използвате Loop?

Циклите са полезни, когато трябва да изпълнявате едни и същи редове код многократно, за определен брой пъти или докато определено условие е вярно. Да предположим, че искате да напишете съобщение „Здравей“ 100 пъти във вашата уеб страница. Разбира се, ще трябва да копирате и поставите един и същ ред 100 пъти. Вместо това, ако използвате цикли, можете да изпълните тази задача само с 3 или 4 реда.

Използвайте Loops in Javascript

Различни видове примки

Има основно четири типа примки JavaСценарий.

  1. за цикъл
  2. за/в цикъл (обяснено по-късно)
  3. докато цикъл
  4. do...while цикъл

за цикъл

Синтаксис:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. Инструкцията1 се изпълнява първа дори преди изпълнението на кода за цикъл. Така че този оператор обикновено се използва за присвояване на стойности на променливи, които ще бъдат използвани в цикъла.
  2. Инструкцията2 е условието за изпълнение на цикъла.
  3. Инструкцията3 се изпълнява всеки път, след като се изпълни кодът за цикъл.

Опитайте това сами:

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

докато цикъл

Синтаксис:

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

Цикълът "while" се изпълнява, докато определеното условие е вярно. Вътре в цикъла while трябва да включите оператора, който ще прекрати цикъла в даден момент от време. В противен случай вашият цикъл никога няма да приключи и браузърът ви може да се срине.

Опитайте това сами:

<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 цикъл

Синтаксис:

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

Цикълът do...while е много подобен на цикъла while. Единствената разлика е, че в цикъла do…while блокът от код се изпълнява веднъж дори преди проверка на условието.

Опитайте това сами:

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