第一節(jié)課的時候，我們學過：

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以內的偶數(shù)。

在這個例子的下面，還有幾行語句可以達到相同的效果，但是要精簡很多。

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

這個for語句就是Javascript的循環(huán)語句。

for語句的語法是這樣的：

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

在上面的例子中，就是：

var i=1 這是初始化語句，聲明了一個i的變量，數(shù)值是1
i<=10 條件是i小于等于10
i++ 就是每次執(zhí)行循環(huán)，i的值自動加1，進行迭代操作。


下面是例子1：

var count;

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

另外，還有幾種循環(huán)語句，這里也一并介紹一下

1、while語句
他的語法是：

while(條件)
{
//執(zhí)行語句
}

同樣是執(zhí)行打印1到10的值，while是這樣的（例子2）：

var count=0;

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

count=count+1; //這個地方是必須的，否則count一直為0，就會進入死循環(huán)
}

2、do..while語句

它的語法是：

do {
//執(zhí)行語句
}while(條件)

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

var count=0;

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

count=count+1; //這個地方是必須的，否則count一直為0，就會進入死循環(huán)
}while(count<=10);

最后一個例子是綜合第三節(jié)的if語句，來一個稍微復雜的應用。


我們來求一下所有的“水仙花”數(shù)。

在百度百科里面，水仙花數(shù)的定義是這樣的：

水仙花數(shù)（Narcissistic number）也被稱為超完全數(shù)字不變數(shù)（pluperfect digital invariant, PPDI）、自戀數(shù)、自冪數(shù)、阿姆斯壯數(shù)或阿姆斯特朗數(shù)（Armstrong number），
水仙花數(shù)是指一個 3 位數(shù)，它的每個位上的數(shù)字的 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("發(fā)現(xiàn)水仙花數(shù)："+real_number);
}
}
}

}

今天就到這里。

循環(huán)語句從字面意思理解就是重復執(zhí)行，能夠讓計算機按照程序員要求重復執(zhí)行某種操作的能力是所有程序設計語言所必須具備的基本能力。在JavaScript程序設計語言中同樣具有循環(huán)語句，實現(xiàn)程序代碼段的重復執(zhí)行，本文主要從while語句與for語句兩種循環(huán)類型方面對循環(huán)語句進行說明。

JavaScript循環(huán)語句

JavaScript為前端程序設計人員提供了三類基本循環(huán)控制語句，分別為while語句、do-while 語句與for語句。通過這三種語句程序設計人員可以控制程序重復執(zhí)行某一操作或者操作的組合。JavaScript基本循環(huán)語句執(zhí)行流程描述如下圖所示：

通過上圖我們可知，作為循環(huán)控制語句需要提供循環(huán)執(zhí)行的入口、循環(huán)體與執(zhí)行大的出口三部分。其中出口至關重要，出口為結束循環(huán)的條件，如果設置不好，程序將一直重復執(zhí)行，并進入死循環(huán)狀態(tài)。入口我們可以理解為初始條件。出口主要通過判斷條件控制，在上圖中當判斷條件返回值為F時，結束并退出循環(huán)。以下我們將分別介紹前文提出的三種類型循環(huán)。

do...while循環(huán)

在很多程序設計語言基礎教程中一般沒有把do...while放到整個循環(huán)語句最前面進行介紹，主要原因在于與while相比較使用的頻率相對較低，而且過多介紹可能讓初學者對兩者學習記憶產(chǎn)生混淆。此處我們首先介紹do...while 循環(huán)，首先我們給出其工作的流程及原理說明。

do...while 循環(huán)執(zhí)行過程描述如上圖所示，當開始執(zhí)行循環(huán)控制時，首先執(zhí)行一次循環(huán)體，執(zhí)行完成進行條件判斷，成立繼續(xù)進入循環(huán)體執(zhí)行，否則結束循環(huán)。因此可知無論如何都會執(zhí)行循環(huán)體一次。這也是do..while與while語句最大的區(qū)別。do...while 語法結構與應用實例如下：

基本語法與測試案例如上所示，執(zhí)行完之后可以得到1-100之間奇數(shù)的和，其和為2500。chrome瀏覽器測試結果如下：

while循環(huán)語句

理解了do...while循環(huán)結構之后，再去理解while相對容易，while語句程序執(zhí)行流程描述如下圖所示：

while語句執(zhí)行流程與循環(huán)控制基本流程完全一致，首先判斷條件，條件成立進入循環(huán)體，執(zhí)行完再判斷，直到條件不成立結束循環(huán)。while循環(huán)語法與示例說明如下：

for循環(huán)

for循環(huán)同樣可以完成循環(huán)流程控制功能，其工作過程與原理基本與while一致，只是其語法相對其他兩種較為復雜一點。需要通過三個表達式控制循環(huán)，三個表達式分別為初始值、判斷表達式、增長值。for循環(huán)基本語法與應用示例如下所示：

以上針對JavaScript程序設計語言流程控制中的循環(huán)操作功能進行了分析與說明，三種控制語句異同也做了解釋，并通過示例編寫了簡單程序進行測試。

本頭條號長期關注編程資訊分享；編程課程、素材、代碼分享及編程培訓。如果您對以上方面有興趣或代碼錯誤、建議與意見，可以聯(lián)系作者，共同探討。更多程序設計相關教程及實例分享，期待大家關注與閱讀！JavaScript基礎教程系列教程鏈接如下：

JavaScript基礎教程（五）流程控制之條件語句

JavaScript基礎教程（四）二進制位運算

JavaScript基礎教程（三）64位浮點數(shù)加法運算

JavaScript基礎教程（二）變量、常量與運算符