此篇文章講解目錄：

• 循環語句

• 跳轉語句

循環語句

• while

• 語法 while(條件){//循環執行代碼片段}

• 流程

• 判斷條件表達式的值

• 當值為true時循環執行代碼段

• 當值為false時退出循環體

• 特性

• 先檢查條件，再執行循環體

• 條件不滿足則循環一次也不執行

• 時機

• 一個動作被重複執行到滿足某個條件時

• do while

• 語法 do { //代碼執行主體 } while (條件表達式);

• 流程

• 先執行循環體內代碼再進行判斷

• 如果表達式的值為true，則重複執行代碼段

• 如果表達式的值為false，則退出循環體

• 特性

• 先執行循環體，再進行條件判斷

• 循環體內代碼至少執行一次

• 時機

• 希望一個動作至少被執行一次時

• for

• 特性

• for(循環變量=初值;循環條件;遞增/遞減計數器){循環代碼段}；

• 注意for循環length的優化；

• 流程

• 用循環變量初始值與循環條件相比較，確定返回值

• 如果返回值為true則執行循環體

• 執行完一次後進行遞增/遞減運算

• 將運算結果與循環條件相比較

• 如果返回值還是true則繼續執行循環體；如果返回值為false則退出循環體；

• 時機

• 重複一個動作到一定次數時；

• for in

• 語法

• for(聲明變量in對象){代碼段} for (var variable in object) { if (object.hasOwnProperty(variable)) { //代碼執行主體 } }

• 作用:枚舉對象屬性

跳轉語句

• return：終止函數體的運行，並返回一個值

• break：終止整個循環，不再進行判斷

• continue：結束本次循環，接著去判斷是否執行下次循環；

• 代碼：

function test(val) {

for(var i=0;i<5;i++){

console.log('開始執行循環代碼')

if(val==2){

console.log('傳入的值為2的話，執行到此，直接跳出函數')

return;

}

if(val==3){

console.log('傳入的值為3的話，循環執行到此，就不執行了，開始下一次循環')

continue;

}

if(val==4){

console.log('傳入的值為4的話，執行到此，直接跳出循環，執行循環後的代碼')

break;

}

console.log('循環：在條件判斷執行後，執行此行代碼')

}

console.log('循環結束後，執行此行代碼')

}

大家好接下來我們會邀請前端架構師以連載的方式，通過30天的實戰系統講解JavaScript的專業知識，歡迎大家關注頭條號“互聯網IT信息”。