JavaScript入門教程之循環語句
循環語句從字面意思理解就是重複執行，能夠讓計算機按照程序員要求重複執行某種操作的能力是所有程序設計語言所必須具備的基本能力。在JavaScript程序設計語言中同樣具有循環語句，實現程序代碼段的重複執行，本文主要從while語句與for語句兩種循環類型方面對循環語句進行說明。
JavaScript循環語句
JavaScript為前端程序設計人員提供了三類基本循環控制語句，分別為while語句、do-while 語句與for語句。通過這三種語句程序設計人員可以控制程序重複執行某一操作或者操作的組合。JavaScript基本循環語句執行流程描述如下圖所示：
JavaScript基本循環流程圖
通過上圖我們可知，作為循環控制語句需要提供循環執行的入口、循環體與執行大的出口三部分。其中出口至關重要，出口為結束循環的條件，如果設置不好，程序將一直重複執行，並進入死循環狀態。入口我們可以理解為初始條件。出口主要通過判斷條件控制，在上圖中當判斷條件返回值為F時，結束並退出循環。以下我們將分別介紹前文提出的三種類型循環。
do...while循環
在很多程序設計語言基礎教程中一般沒有把do...while放到整個循環語句最前面進行介紹，主要原因在於與while相比較使用的頻率相對較低，而且過多介紹可能讓初學者對兩者學習記憶產生混淆。此處我們首先介紹do...while 循環，首先我們給出其工作的流程及原理說明。
do...while執行流程
do...while 循環執行過程描述如上圖所示，當開始執行循環控制時，首先執行一次循環體，執行完成進行條件判斷，成立繼續進入循環體執行，否則結束循環。因此可知無論如何都會執行循環體一次。這也是do..while與while語句最大的區別。do...while 語法結構與應用實例如下：
語法說明及示例
基本語法與測試案例如上所示，執行完之後可以得到1-100之間奇數的和，其和為2500。chrome瀏覽器測試結果如下：
求和計算結果
while循環語句
理解了do...while循環結構之後，再去理解while相對容易，while語句程序執行流程描述如下圖所示：
while語句執行流程
while語句執行流程與循環控制基本流程完全一致，首先判斷條件，條件成立進入循環體，執行完再判斷，直到條件不成立結束循環。while循環語法與示例說明如下：
語法說明及示例
for循環
for循環同樣可以完成循環流程控制功能，其工作過程與原理基本與while一致，只是其語法相對其他兩種較為複雜一點。需要通過三個表達式控制循環，三個表達式分別為初始值、判斷表達式、增長值。for循環基本語法與應用示例如下所示：
語法說明及示例
以上針對JavaScript程序設計語言流程控制中的循環操作功能進行了分析與說明，三種控制語句異同也做了解釋，並通過示例編寫了簡單程序進行測試。
本頭條號長期關注編程資訊分享；編程課程、素材、代碼分享及編程培訓。如果您對以上方面有興趣或代碼錯誤、建議與意見，可以聯繫作者，共同探討。更多程序設計相關教程及實例分享，期待大家關注與閱讀！JavaScript基礎教程系列教程鏈接如下：
閱讀更多 kid編程 的文章
