JavaScript while循环语句详解与实例

while循环原理与语法

循环语句用于重复执行同一段代码。虽然存在多种类型的循环，但其核心原理基本一致：只要设定的条件成立，循环体内的语句就会持续执行；一旦条件不再满足，循环随即终止。

while循环属于前测试循环，这意味着在执行循环体之前会先判断终止条件。因此，如果初始条件不满足，循环主体可能一次都不会执行。其基本语法结构如下：

while(expression) statement

当expression的值为true时，程序会反复执行statement语句；直到expression变为false时，循环停止。

while循环代码示例

以下通过两个具体案例进行演示。

<script type="text/javascript">
var i=iSum=0;
while(i <= 100){
iSum += i;
i++;
     };
document.write(iSum+"<br>"); //求100内数字相加和
</script>
<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
     {
var x="",i=0;
while (i<=10)
         {
x=x + "The number is " + i + "<br>";
i++;
         }
document.getElementById("demo").innerHTML=x;
     }
</script>