JavaScript循環的方法有哪些

本篇內容主要講解“JavaScript循環的方法有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“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<10;n++)，一般用于遍歷，是一種比較使用的循環方式。如下：

3、for循環的變形

• for-in---循環遍歷對象的屬性

• forEach---ES5引入新循環

• for-of---ES6新引入循環

四、比較三者的區別

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

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

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

到此，相信大家對“JavaScript循環的方法有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！