JavaScript中的while和do while循环

While循环

• While 循环会在指定条件为真时循环执行代码块。

如果不设定while循环条件中的变量数值限定的值，则会一直循环。

<button οnclick="myFunction()">点击这里</button>

<p id="test"></p>

<script>

function myfunction()

{

var x=" ",i=0;

while (i<10)

{

x = x + i + "<br>";

i++;

}

document.getElementById("test").InnerHTML = x;

}

</script>

• while循环输出数组中的值。

<script>

var test=["a","b","c","d","asd"];

var i=0;

while(test[i])

{

document.write(test[i] + "<br/>");

i++

}

</script>

do  While循环

该循环至少会执行一次，执行结束后会判断是否为真，如果为真则继续循环，否则停止。

<button οnclick="myFunction()">点击这里</button>

<p id="test"></p>

<script>

function myfunction()

{

var x=" ",i=0;

do{

x = x + i + "<br>";

i++;

}

while (i<10);

document.getElementById("test").InnerHTML = x;

}

</script>

Break和continue语句

• break语句用于跳出循环，跳出循环后如果下面还有代码则继续执行。

下面这个循环当i=13时直接停止：

<button οnclick="myFunction()">点击这里</button>

<p id="test"></p>

<script>

function myFunction()

{

var x="",i=0;

for(i=0; i<10; i++)

{

if (i==13)

{

break;

}

x = x + i + "<br/>";

}

document.getElementById("test").innerHTML = x;

}

</script>

• continue语句中断循环中的迭代，如果出现了指定的条件，它会跳过这一次循环直接进行下一次。

下面这个循环当i=13时直接跳过进行下一轮的循环：

<button οnclick="myFunction()">点击这里</button>

<p id="demo"></p>

<script>

function myFunction()

{

var x="",i=0;

for(i=0; i<10; i++)

{

if (i==13)

{

continue;

}

x = x + i + "<br/>";

}

document.getElementById("test").innerHTML = x;

}

</script>