JavaScript - While 循环

在编写程序时，您可能会遇到需要一遍又一遍地执行某个操作的情况。在这种情况下，您需要编写循环语句以减少行数。

JavaScript 支持所有必要的循环，以减轻编程的压力。

while 循环

JavaScript 中最基本的循环是本章将讨论的while循环。while循环的目的是只要表达式为真就重复执行语句或代码块。一旦表达式变为假，循环就会终止。

流程图

while 循环的流程图如下 -

句法

JavaScript 中while 循环的语法如下 -

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>
      
      <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循环的流程图如下 -

句法

JavaScript 中do-while循环的语法如下 -

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

注意- 不要错过do...while循环末尾使用的分号。

例子

尝试以下示例来了解如何在 JavaScript 中实现do-while循环。

现场演示

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