Web前端学习 第3章 JavaScript基础教程5 循环语句

条件语句的代码可以被想象成是一条条分支的路径，而循环语句的代码则是程序路径的一个回路，可以让一部分代码重复执行。JavaScript中的循环语句有for语句和while语句。

一、for语句

for语句的语法如下：

1 for(初始值;布尔值;计数器){
2     //语句块
3 }

在for语句中，如果布尔值是true,就会一直执行语句块中的内容，为了防止死循环，需要有一个计数器，当数值达到指定值，布尔值就会变成false，循环便停止了，下面的示例代码使用for循环输出0~9九个数字 示例代码如下：

1 for(var i = 0;i<10;i++){  
2     // i的初始值是0
3     // 判断i是否小于10，如果小于10则执行花括号中的代码
4     // 每次执行完花括号中的代码后，i的值加1
5     console.log(i);
6 }

通过上面的例子我们进一步理解了for语句的用法，下面我们来做一个联系，利用for循环语句输出100以内所有正整数的加和 示例代码如下：

1 var sum = 0;                 //sum用来存储循环过程中正整数的加和
2 for(var i = 1;i<=100;i++){
3     sum += i;
4 }
5 console.log(sum); //这时候输出的就应该是5050

二、while语句

while语句语法如下所示：

1 while(bool){
2     //bool为true,循环执行
3 }

当bool为true的时候，花括号中的内容会循环执行。为了防止死循环，需要在循环的过程实现类似for计数器的功能，让循环在有限的次数内定制，下面我们使用while语句输出0~9是个数字 示例代码如下：

1 var n = 0;
2 while(n<10){
3     console.log(n);
4     n++;
5 }

在每次循环的过程中都会让n的值加1，这样当n的值等于10，循环便停止，下面我来使用while语句输出100以内所有正整数的加和 示例代码如下：

1 var n = 0;
2 var sum = 0;
3 while(n<=100){
4     sum += n;
5     n++;
6 }
7 console.log(sum); 

三、continue

continue可以结束本次循环，直接进入到下一次循环，例如我们用for循环语句来实现输出0 ~ 5,7 ~ 9九个数字（跳过6） 示例代码如下：

1 for(var i = 0;i<10;i++){
2     if(i===6){
3         continue;
4     }
5     console.log(i);
6 }

上面的代码通过判断，实现当i的值为6的时候，跳过本次循环，直接接入下一次循环。下面我们使用continue来实现计算100以内所有不能被7整除的正整数加和 示例代码如下：

1 var sum = 0;
2 for(var i = 0;i<=100;i++){
3     if(i%7===0){
4         continue;
5     }
6     sum += i;
7 }
8 console.log(sum);

四、break

在学switch语句中，我们已经接触到了break，它可以让分支语句在结束一个case之后，跳出switch语句，break同样可以用在循环语句当中，当代码执行到break时，直接结束循环 示例代码如下：

1 for(var i = 0;i<10;i++){
2     if(i===6){
3         break;  
4     }
5     console.log(i);
6 }

如上面的代码所示，当控制带输出5之后，循环结束。

五、课后练习

1. 分别用for和while语句在控制台输出100以内（包括100）所有正整数的加和。
2. 分别用for和while语句在控制台输出100以内（包括100）所有偶数的加和。