Компьютерапия

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

JavaScript поддерживает все необходимые циклы, чтобы уменьшить давление программирования.

Цикл while

Самый основной цикл в JavaScript является цикл While, который будет обсуждаться в этой главе. Цель While выполнить оператор или блок кода несколько раз до тех пор, как выражение истинно. Когда выражение становится ложным, цикл завершается.

Блок-схема while

Блок-схема цикла while выглядит следующим образом:

Синтаксис

Синтаксис цикла while в JavaScript выглядит следующим образом:

while (expression){
   Statement(s) to be executed if expression is true
}

пример

Попробуйте следующий пример для реализации цикла while.

<html>
   <body>
     
      <script type="text/javascript">
         <!--
            var count = 0;
            document.write("Starting Loop ");
        
            while (count < 10){
               document.write("Current Count : " + count + "<br />");
               count++;
            }
       
            document.write("Loop stopped!");
         //-->
      </script>
     
   </body>
</html>

Результат
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped!

Цикл do...while Loop

Цикл do...while подобен while циклу, за исключением того, что проверка состояния происходит в конце цикла. Это означает, что цикл всегда будет выполняться хотя бы один раз, даже если условие ложно.

Блок-схема do

Блок-схема цикла do-while будет следующей:

Синтаксис

Синтаксис цикла do-while в JavaScript выглядит следующим образом:

do{
   Statement(s) to be executed;
} while (expression);

Примечание. Не пропустите точку с запятой, используемую в конце цикла while.

пример

Попробуйте следующий пример, чтобы узнать, как реализовать цикл do-while в JavaScript.

<html>
   <body>
  
      <script type="text/javascript">
         <!--
            var count = 0;
           
            document.write("Starting Loop" + "<br />");
            do{
               document.write("Current Count : " + count + "<br />");
               count++;
            }
           
            while (count < 5);
            document.write ("Loop stopped!");
         //-->
      </script>
     
   </body>
</html>

Результат
Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Loop Stopped!