js循環結構有三種：1、for循環，語法“for(初始化語句;循環條件;自增或自減){代碼塊}”；2、while循環，語法“while(條件語句){代碼塊}”；3、“do while”循環，語法“do{語句塊}while(條件語句);”。

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

所謂循環，就是重復執行一段代碼，計算機的判斷能力和人相比差的很遠，計算機更擅長一件事情——不停的重復。而我們在JavaScript中把這叫做循環。下面讓我們來了解了解JavaScript里的循環。

js循環結構有哪些

js循環結構有三種

• for循環 ==> 用來多次遍歷代碼塊

• while循環 ==> 當指定條件為true時，循環代碼塊

• do while循環 ==> 當指定條件為true時，循環代碼塊

1、for循環

for是由兩個部分組成，條件控制和循環體

語法：

for(初始化語句;循環條件;自增或自減){ 	需要重復的代碼塊; }

for語句結構如圖：

for循環的執行順序

1、初始化表達式

2、循環條件表達式

3、需要重復的代碼塊

4、循環后的操作表達式

簡單的for循環，循環執行一次會改變一個變量的值
舉例：輸出1到100的值

for(var i=1; i <= 100; i++){ //在循環開始時設置一個變量i；//定義運行循環的條件i<=100;//每個循環執行后，變量增加1 console.log(i); }

2、while循環

while循環會重復執行一段代碼，直到某個條件不再滿足。

語法：

while(條件表達式語句){ 	執行的代碼塊; }

while循環結構如圖：

while執行順序

當我們的使用條件條件返回值是true，就會執行大括號里面的代碼塊，執行完大括號的語句之后，會重復大括號里的語句，直到判定條件返回值為false，才會結束循環。

案例：

var i = 0; while (i < 10){ 	console.log(i); 	i++; } //while循環會先判定條件，再根據條件是否成立達成決定是否進入循環 //如果條件一開始就是false ，則不會進入循環

缺點：

• 使用while語句的時候，一定要寫大括號

• 如果沒有條件的話，會無限的運行下去，造成死循環。

3、do while循環的結構

do while 結構的基本原理和while結構是基本相同的，但是它保證循環體至少被執行一次。因為它是先執行代碼，后判斷條件
語法：

do { 	執行語句塊; } while(條件表達式語句);

do while 執行順序：

先執行一次code，再做判斷。與while循環不同，do while無論條件如何 都會執行一次代碼

案例：

var i = 0; do{ 	console.log(i); 	i++; }while(i<10);

while 和 do while的不同

• while: 先判斷 再執行 條件不成立 循環體 一遍都不執行

• do…while: 先執行 再判斷 條件不成立 循環體 至少執行一遍

【推薦學習：javascript高級教程】