JavaScript循環有哪三種方法

js的三種循環方法：1、while循環，語法「while(條件式){語句區塊}」；2、「do-while」循環，語法「do{語句區塊}while(條件表達式)」；3、for循環，語法「for(變數初始化;條件表達式;變數更新){語句區塊}」。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

我們在使用JavaScript時經常會遇到需要一遍一遍地運行相同程式碼，而這樣不浪費時間，還效率低下，使用循環是個明智的選擇，大大提高了效率，也減少了程式碼量。

JS中循環有三種：

1、while循環

2、do-while循環

3、for循環

一、while循環

1、while迴圈的語法結構：

while(条件表达式){
当条件表达式为布尔值true时要执行的语句块
}

2、while迴圈的應用

while循環常用於那種不知道循環次數是多少的情況，例如讓使用者循環輸入整數，直到輸入某個特殊的字元為止，你根本沒法直到這個循環會進行的次數。例如：

二、do…while

1、do…while的語法結構：

do{
条件表达式为true时执行的语句块
}while(条件表达式)

2、do… while的應用

do-while與while循環的不同之處在於:它先執行循環中的語句,然後再判斷表達式是否為真, 如果為真則繼續循環；如果為假, 則終止循環。因此, do-while迴圈至少要執行一次迴圈語句。如下：

三、for 迴圈

1、for迴圈的語法結構：

for(变量初始化;条件表达式; 变量更新){
条件表达式为true时执行语句块
}

2、 for迴圈的應用

for迴圈多用於迴圈次數比較明確的情況，就是那種一眼就能看出來要迴圈幾次，比較直觀，for迴圈的第一句包含變數的初始化結束迴圈的條件以及每次更新的值，循環體內部才執行真正要做的事情。例如for(n=1;n

3、for迴圈的變形

• #for-in---迴圈遍歷物件的屬性

• forEach---ES5引進新迴圈

• for-of---ES6新引入迴圈

##四、比較三者的區別

1、while是先判斷條件，後執行循環主體，如果初始條件不滿足，while循環主體不執行（先判斷後執行）

2、do-while是先執行迴圈主體後判斷條件，不管條件滿不滿足都先執行迴圈主體一次。 （先執行後判斷）

3、for是先判斷條件，後執行迴圈主體，大體上和while相似，在迴圈次數確定的情況上用for。

【推薦學習：

javascript進階教學】#

以上是JavaScript循環有哪三種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！