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

Как использовать цикл?

Циклы полезны, когда вам приходится выполнять одни и те же строки кода несколько раз, определенное количество раз или до тех пор, пока выполняется определенное условие. Предположим, вы хотите 100 раз ввести сообщение «Привет» на своей веб-странице. Конечно, вам придется 100 раз копировать и вставлять одну и ту же строку. Вместо этого, если вы используете циклы, вы можете выполнить эту задачу всего за 3 или 4 строки.

Используйте циклы в Javascript

Различные типы петель

В основном существует четыре типа петель. JavaСценарий.

  1. для цикла
  2. for/in цикле (объясняется позже)
  3. в то время как цикл
  4. делать… пока цикл

для цикла

Синтаксис:

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

Попробуйте сами:

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

Подведем итог этой публикации следующим образом: