Цикл while в JavaScript - httpdoc.ru

Цикла while в JavaScript

В while цикле JavaScript условие проверяется, и только тогда, если оно оценивается как истинное, элемент управления входит в цикл, и блок кода выполняется. После этого снова будет проверено условие, и если оно снова будет истинным, то снова будет выполнен код. Этот блок будет продолжать выполняться, пока выполняется условие. Если в любой момент он окажется ложным, выполнение цикла будет остановлено.

Синтаксис
while (условие истинно) 
      {  
      // код для выполнения  
       }

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript While Loop Statement </title> 
</head> 
<body> 
 <script>  
 var i=10;  
  while (i<=15)  
  {  
  document.write(i + "<br/>");  
  i++;  
  }  
</script> 
</body>
</html>

Выход

JavaScript While Loop Statement 10
11
12
13
14
15

Примечание: данное условие должно когда-то быть ложным, в противном случае цикл никогда не перестанет повторяться, что известно как бесконечный цикл.

Вот еще один пример цикла while.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript While Loop </title> 
</head> 
<body> 
 <p id="C0"></p>
 <p id="C1"></p>
 <p id="C2"></p>
 <p id="C3"></p>
 <p id="C4"></p>
	
 <script>
  var i =0;
   while(i < 5)
   {
   document.getElementById("C" + i).innerHTML = i;
   i++;
	}
</script>
</body>
</html>

Выход

JavaScript While Loop

0

1

2

3

4


Бесконечная петля

An infinite loop , - это цикл, который будет выполняться вечно, т.е. будет выполняться условие, указанное в этом цикле never evaluate to false . Это может привести к сбою браузера или зависанию компьютера. При написании кода люди должны знать, что они не должны случайно создавать бесконечный цикл.

Пример.Если есть 'i=2' , и в цикле while условие есть 'i>1' , а внутри цикла есть приращение значения 'i' , тогда он создаст бесконечный цикл, так как значение 'i' всегда будет больше '1' и следовательно, условие всегда будет истинным.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript While Loop Statement </title> 
</head> 
<body> 
 <script>  
for (var i=0; i<Infinity; i++) {}
</script> 
</body>
</html>