Javascript基础系列之(六)循环语句(while语句)

优质
小牛编辑
131浏览
2023-12-01

循环语句的作用是反复的执行同一段代码,尽管分几种不同的类型,但其原理几乎相同;只要给定的条件满足,包含在循环体内的语句会不断执行,一旦条件不再满足则终止。

while循环是前测试循环,这意味着是否终止的条件判断是在执行代码之前,因此,循环的主体可能根本不执行。其语法如下:

while(expression) statement

当expression为ture时,程序会不断执行statement语句,直到expression为false时。

两个案例

 1 <script type="text/javascript">
 2    var i=iSum=0;
 3    while(i <= 100){
 4        iSum += i;
 5        i++;
 6     };
 7    document.write(iSum+"<br>"); //求100内数字相加和
 8     </script>
 9 
10 
11 <p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
12 <button onclick="myFunction()">点击这里</button>
13 <p id="demo"></p>
14 
15 <script>
16     function myFunction()
17     {
18         var x="",i=0;
19         while (i<=10)
20         {
21             x=x + "The number is " + i + "<br>";
22             i++;
23         }
24         document.getElementById("demo").innerHTML=x;
25     }
26 </script>