JavaScript 基础（十）：循环语句

2019独角兽企业重金招聘Python工程师标准>>>

一、循环

1.1、for 循环

很多事情不只是做一次，要重复做。如打印10份试卷，每次打印一份，重复这个动作，直到打印完成。这些事情，我们使用循环语句来完成，循环语句，就是重复执行一段代码。

for语句结构：

for(初始化变量;循环条件;循环迭代)
{     
    循环语句 
 }

假如，一个盒子里有6个球，我们每次取一个，重复从盒中取出球，直到球取完为止。

<script type="text/javascript">
var num=1;
for (num=1;num<=6;num++)  //初始化值；循环条件；循环后条件值更新
{   document.write("取出第"+num+"个球<br />");
}
</script>

结果:

执行思路:

1.2、while 循环

和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。

while语句结构：

while(判断条件)
{
    循环语句
 }

使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。

<script type="text/javascript">
var num=0;  //初始化值
while (num<=6)   //条件判断
{
  document.write("取出第"+num+"个球<br />");
  num=num+1;  //条件值更新
}
</script>

1.3、Do...while循环

do while 结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。

do...while语句结构：

do
{
    循环语句
 }
while(判断条件)

我们试着输出5个数字。

<script type="text/javascript">
   num= 1;
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件
   }
   while (num<=5)
</script>

执行结果:

为什么呢?我们来看下执行思路：

二、退出循环 break

在while、for、do...while 循环中使用break语句退出当前循环，直接执行后面的代码。

格式如下：

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  {break;}
  循环代码
}

当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。

<script type="text/javascript">
   var num;
   for(num=1;num<=10;num++)
   {
        if(num == 5) {
            break;
        }
     document.write("数值为:" +  num+"<br />");
   }
</script>

执行结果:

三、继续循环 continue

continue 的作用是仅仅跳过本次循环，而整个循环体继续执行。 ** 语句结构：**

for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}

上面的循环中，当特殊情况发生的时候，本次循环将被跳过，而后续的循环则不会受到影响。好比输出10个数字，如果数字为5就不输出了。

<script type="text/javascript">
   var num;
   for(num=1;num<=10;num++)
   {
        if(num == 5) {
            continue;
        }
     document.write("数值为:" +  num+"<br />");
   }
</script>

执行结果:

注:上面的代码中，num=5的那次循环将被跳过。

转载于:https://my.oschina.net/Agnes2017/blog/1812008