В случае, если для обработки повторяющихся циклов задач полезна структура управления.

Цикл while

Основной вид петли широко используется. Он использует логический оператор, который возвращает логическое значение после оператора while. Когда выражение возвращает значение true, соответствующий оператор области цикла будет выполнен, и цикл продолжит выполнять оценку условия и его оператора до тех пор, пока условие цикла не станет ложным.

Блок-схема

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

Синтаксис

Синтаксис цикла while в JavaScript следующий:

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

Пример

<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>
      
      <p>Set the variable to different value and then try...</p>
   </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!
Set the variable to different value and then try...

Цикл do…while

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

Блок-схема

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

Синтаксис

Синтаксис цикла do-while в JavaScript следующий:

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

Пример

Попробуйте следующий пример, чтобы узнать, как реализовать цикл 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>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Выход

Starting Loop
Current Count : 0 
Current Count : 1 
Current Count : 2 
Current Count : 3 
Current Count : 4
Loop Stopped!
Set the variable to different value and then try...

Ссылка

https://www.tutorialspoint.com/javascript/javascript_while_loop.htm