JavaScript中的while和do while循环

By | 1月 23, 2018

While循环

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

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

<button onclick="myFunction()">点击这里</button>
<p id="test"></p>
<script>
function myfunction()
{
var x=" ",i=0;
while (i<10)
{
x = x + i + "";
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 onclick="myFunction()">点击这里</button>
<p id="test"></p>
<script>
function myfunction()
{
var x=" ",i=0;
do{
x = x + i + "
";
i++;
}
while (i<10);
document.getElementById("test").InnerHTML = x;
}
</script>

 

Break和continue语句

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

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

<button onclick="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 onclick="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>

 

 

发表评论

您的电子邮箱地址不会被公开。