JavaScript while循环语句例子详细指南

2021年4月7日17:00:31 发表评论 958 次浏览

JavaScript while循环语句：while循环是一个控制流语句, 它允许根据给定的布尔条件重复执行代码。 while循环可被视为重复的if语句。

while循环语法如下：

while (condition) {
    //Statements
}

例子：JavaScript while循环语句例子说明了JS while循环的用法。

<!DOCTYPE html>
<html>
  
<head> 
     <title>
         JavaScript While loop
     </title>
</head> 
  
<body style = "text-align:center;">
  
     <div>
         <h1>lsbin</h1>
          
         <h2>JavaScript While Loop</h2>
     </div>
      
     <p id = "GFG"></p>
      
     <!-- Script to use while loop -->
     <script>
         var print = "";
         var val = 1;
          
         while (val <6 ) {
             print += "Geeks " + val;
             print+="<br>"
             val+=1;
         }
          
         document.getElementById("GFG").innerHTML
                 = print;
     </script>
</body>
  
</html>

输出如下：

JavaScript do-while循环语句：JavaScript do-while循环是一个控制流语句, 该语句至少执行一次代码块, 然后根据代码块末尾的给定布尔条件重复执行该代码块或不执行该代码块。

JavaScript do-while循环语句语法如下：

do {
    //Statements
}
while (condition);

例子：此示例说明了JavaScript do-while循环的用法。

<!DOCTYPE html>
<html>
  
<head> 
     <title>
         JavaScript While loop
     </title>
</head> 
  
<body style = "text-align:center;">
  
     <div>
         <h1>lsbin</h1>
         <h2>JavaScript While Loop</h2>
     </div>
      
     <p id = "GFG"></p>
      
     <!-- Script to use do-while loop -->
     <script>
         var print = ""
         var val = 0;
  
         do {
             print += "Geeks " + val;
             print +="<br>";
             val+=1;
         }
         while (val <6 ); 
  
         document.getElementById("GFG") .innerHTML
                 = print ;
     </script>
</body>
  
</html>

输出如下：

JavaScript while和do-while循环语句之间的比较：JS do-while循环在检查while循环的条件之前执行一次循环的内容。 JavaScript while循环语句将在执行内容之前先检查条件。

while循环	do-while循环
这是一个进入条件循环结构。	这是一个退出条件循环结构。
迭代次数取决于while块中提到的条件。	无论do-while块中提到的条件如何, 都将至少进行1次迭代。
块控制条件在循环的起点可用。	块控制条件在循环的终点可用。

例子：此示例说明了JavaScript while和do-while循环语句的用法。

<!DOCTYPE html>
<html>
  
<head> 
     <title>
         JavaScript loop
     </title>
</head> 
  
<body style = "text-align:center;">
  
     <div>
         <h1 style = "color:green;">
             lsbin
         </h1>
          
         <h2>JavaScript Loop</h2>
     </div>
      
     <h3>While Loop</h3>
      
     <p id = "GFG"></p>
      
     <!-- Script to use while loop -->
     <script>
         var text = "";
         var i = 1;
         while (i <6 ) {
             text += "Geeks " + i+"<br>";
             i++;
         }
          
         document.getElementById("GFG").innerHTML
                 = text;
     </script>
      
     <h3>Do While Loop</h3>
      
     <p id = "GFG1"></p>
      
     <!-- Script to use do-while loop -->
     <script>
         var text = ""
         var i = 1;
      
         do {
             text += "Geeks " + i+"<br>";
             i++;
         }
         while (i <6 ); 
      
         document.getElementById("GFG1") .innerHTML
                 = text ;
     </script>
</body>
  
</html>

输出如下：