当我们需要让计算机进行大量的重复的操作并且我们对需要做的操作有清晰的思路。却因计算过程繁重烦恼时。循环语句就能很好的帮助我们解决这个难题。

大的方向上。循环语句有三种：

  • for循环。
  • while循环。
  • do/whlie循环。

for循环

for循环的语句简单结构是这样的：
for (语句 1; 语句 2; 语句 3)
  {
  被执行的代码块
  }
其中。语句1是循环变量的定义；语句2是循环进行的条件；语句3是循环变量的更新。{}中间的便是我们需要执行的代码块。

    执行的顺序为：
    1）语句1是循环开始之前执行；
    2）语句2是在语句1后面执行的，也是循环执行的条件。判定为true后。循环开始运行。
    3）在循环已经被执行完以后才开始被执行。用以为下一次的循环做准备。

需要注意的是。有些时候。语句1，2，3可以在代码的特定地方体现，从而省略。（此处以数字1到10的相加为例子）

  • 语句1的省略

实例：

var sum = 0;
 var i = 1;
    for(;i <= 10;i++){
        sum += i;
    }
    document.write(sum);
上面这个例子在循环架构之前已经把变量定义出来了。所以。语句1可以省略。
  • 语句2的省略
    实例：
var sum = 0;
    for (var i = 1; ; i++) {
        sum += i;
        if (i >= 10) {
            break;
        }
    }
上面这个例子在循环架构里已经把跳出循环的条件给出来了。所以。语句2可以省略。
  • 语句3的省略
    实例：
var sum = 0;
    for( var i = 1;i <= 10;){
        sum += i;
        i++
    }
上面这个例子在循环架构里已经把循环变量的更新要求给出来了。所以。语句3可以省略。

这四种写法在执行完的输出结果是一致的可分情况进行使用。加大编程效率。

tips：For/In 循环

JavaScript 的for/in 语句循环遍历对象的属性
实例
var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
  txt=txt + person[x];
  }

while语句和do/while语句

while语句和do/while语句作用相似，只是用法上稍微有些不同。
语法上来说：
while (条件){
  需要执行的代码
  }
do{
  需要执行的代码
  }while (条件);

类似于在for循环中，把语句1和语句3省略。
依然是使用（以数字1到10的相加的例子进行比较分析）
while：

var sum = 0;
    var i = 1;
    while(i <= 10){
        sum += i;
        i++;
    }

do/while

var sum = 0;
    var i = 1;
    do{
        sum += i;
        i++;
    }while(i <= 10)
while和do/while的区别在于：do/while在判定循环条件之前会进行一次循环。然而。while在循环条件达到后才开始进入循环。
    通常情况下，我们在只知道判断循环的条件，而不知道循环的次数时。使用while或者do/while会更为便利。

break

break 语句用于跳出循环。也用于switch语句、在需要的时候。将整个循环过程跳出。

用法：若原来的循环中有10次迭代。设置第5次break生效；那这个循环最终只能在第5次碰到break的地方跳出整个循环。

continue

continue 语句用于中断本次的循环，如果出现了所规定的条件，然后继续下一个循环过程。

用法：若原来的循环中有10次迭代。设置第5次continue生效；那这个循环最终只将会在第5次碰到continue的地方跳出这一次的循环。并且进入第6次的循环。