【零基础学习web前端】JavaScript—while循环结构

Amy

【零基础学习web前端】JavaScript—while循环结构

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

JavaScript while 循环的目的是为了反复执行语句或代码块。
只要指定条件为 true，循环就可以一直执行代码块。


while 循环
while 循环会在指定条件为真时循环执行代码块。
语法：
while (循环的条件)
  {
  需要重复执行的代码
  }

先判断循环条件是否为真，如果为真则执行循环体一次； 然后再判断条件是否为真，如果为真则再执行循环体，如此反复； 直到条件为假时，循环结束。
例子：

[HTML] 纯文本查看 复制代码

<button>点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction(){
        var x="",i=0;
        while (i<5){
            x=x + "该数字为 " + i + "<br>";
            i++;
            }
            document.getElementById("demo").innerHTML=x;
        }
    </script>

则效果图为

do/while 循环
do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。
语法为：
do
  {
  需要执行的代码
  }
while (条件);

[HTML] 纯文本查看 复制代码

<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button>点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x="",i=0;
	do{
		x=x + "该数字为 " + i + "<br>";
	    i++;
	}
	while (i<5)  
	document.getElementById("demo").innerHTML=x;
}
</script>

该效果和上面效果一样。

站长苏飞

我只是路过打酱油的。

范范

强烈支持楼主ing……

竹林风

感恩无私的分享与奉献

liu

我只是路过打酱油的。

惜

强烈支持楼主ing……