第一节课的时候，我们学过：

var a=1; //声明变量
if(a%2==0){
console.log(a);
}
a=2;
if(a%2==0){
console.log(a);
}
a=3;
if(a%2==0){
console.log(a);
}
a=4;
if(a%2==0){
console.log(a);
}

。。
a=10
if(a%2==0){
console.log(a);
}

这是打印10以内的偶数。

在这个例子的下面，还有几行语句可以达到相同的效果，但是要精简很多。

for(var i=1;i<=10;i++)
{
if(i%2==0)
{
console.log(i);
}
}

这个for语句就是Javascript的循环语句。

for语句的语法是这样的：

for(初始化语句;条件语句;迭代操作)
{
//语句
}

在上面的例子中，就是：

var i=1 这是初始化语句，声明了一个i的变量，数值是1
i<=10 条件是i小于等于10
i++ 就是每次执行循环，i的值自动加1，进行迭代操作。


下面是例子1：

var count;

for(count=0;count<=10;count=count+1)
{
console.log("Count的值是"+count);
}

另外，还有几种循环语句，这里也一并介绍一下

1、while语句
他的语法是：

while(条件)
{
//执行语句
}

同样是执行打印1到10的值，while是这样的（例子2）：

var count=0;

while(count<=10)
{
console.log("Count的值是"+count);

count=count+1; //这个地方是必须的，否则count一直为0，就会进入死循环
}

2、do..while语句

它的语法是：

do {
//执行语句
}while(条件)

同样打印1到10的值（例子3）：

var count=0;

do {
console.log("Count的值是"+count);

count=count+1; //这个地方是必须的，否则count一直为0，就会进入死循环
}while(count<=10);

最后一个例子是综合第三节的if语句，来一个稍微复杂的应用。


我们来求一下所有的“水仙花”数。

在百度百科里面，水仙花数的定义是这样的：

水仙花数（Narcissistic number）也被称为超完全数字不变数（pluperfect digital invariant, PPDI）、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数（Armstrong number），
水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身（例如：1^3 + 5^3+ 3^3 = 153）。

下面是具体的例子（例子4）：

var i;
var j;
var k;

for(var i=1;i<=9;i++){
for(j=1;j<9;j++){
for(k=1;k<9;k++){
var real_number=i*100+j*10+k;
if(i*i*i+j*j*j+k*K*k==real_number){
console("发现水仙花数："+real_number);
}
}
}

}

今天就到这里。

循环语句从字面意思理解就是重复执行，能够让计算机按照程序员要求重复执行某种操作的能力是所有程序设计语言所必须具备的基本能力。在JavaScript程序设计语言中同样具有循环语句，实现程序代码段的重复执行，本文主要从while语句与for语句两种循环类型方面对循环语句进行说明。

JavaScript循环语句

JavaScript为前端程序设计人员提供了三类基本循环控制语句，分别为while语句、do-while 语句与for语句。通过这三种语句程序设计人员可以控制程序重复执行某一操作或者操作的组合。JavaScript基本循环语句执行流程描述如下图所示：

通过上图我们可知，作为循环控制语句需要提供循环执行的入口、循环体与执行大的出口三部分。其中出口至关重要，出口为结束循环的条件，如果设置不好，程序将一直重复执行，并进入死循环状态。入口我们可以理解为初始条件。出口主要通过判断条件控制，在上图中当判断条件返回值为F时，结束并退出循环。以下我们将分别介绍前文提出的三种类型循环。

do...while循环

在很多程序设计语言基础教程中一般没有把do...while放到整个循环语句最前面进行介绍，主要原因在于与while相比较使用的频率相对较低，而且过多介绍可能让初学者对两者学习记忆产生混淆。此处我们首先介绍do...while 循环，首先我们给出其工作的流程及原理说明。

do...while 循环执行过程描述如上图所示，当开始执行循环控制时，首先执行一次循环体，执行完成进行条件判断，成立继续进入循环体执行，否则结束循环。因此可知无论如何都会执行循环体一次。这也是do..while与while语句最大的区别。do...while 语法结构与应用实例如下：

基本语法与测试案例如上所示，执行完之后可以得到1-100之间奇数的和，其和为2500。chrome浏览器测试结果如下：

while循环语句

理解了do...while循环结构之后，再去理解while相对容易，while语句程序执行流程描述如下图所示：

while语句执行流程与循环控制基本流程完全一致，首先判断条件，条件成立进入循环体，执行完再判断，直到条件不成立结束循环。while循环语法与示例说明如下：

for循环

for循环同样可以完成循环流程控制功能，其工作过程与原理基本与while一致，只是其语法相对其他两种较为复杂一点。需要通过三个表达式控制循环，三个表达式分别为初始值、判断表达式、增长值。for循环基本语法与应用示例如下所示：

以上针对JavaScript程序设计语言流程控制中的循环操作功能进行了分析与说明，三种控制语句异同也做了解释，并通过示例编写了简单程序进行测试。

本头条号长期关注编程资讯分享；编程课程、素材、代码分享及编程培训。如果您对以上方面有兴趣或代码错误、建议与意见，可以联系作者，共同探讨。更多程序设计相关教程及实例分享，期待大家关注与阅读！JavaScript基础教程系列教程链接如下：

JavaScript基础教程（五）流程控制之条件语句

JavaScript基础教程（四）二进制位运算

JavaScript基础教程（三）64位浮点数加法运算

JavaScript基础教程（二）变量、常量与运算符