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

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

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

js循環(huán)結(jié)構(gòu)有哪些

js循環(huán)結(jié)構(gòu)有三種

• for循環(huán) ==> 用來多次遍歷代碼塊

• while循環(huán) ==> 當指定條件為true時，循環(huán)代碼塊

• do while循環(huán) ==> 當指定條件為true時，循環(huán)代碼塊

1、for循環(huán)

for是由兩個部分組成，條件控制和循環(huán)體

語法：

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

for語句結(jié)構(gòu)如圖：

for循環(huán)的執(zhí)行順序

1、初始化表達式

2、循環(huán)條件表達式

3、需要重復的代碼塊

4、循環(huán)后的操作表達式

簡單的for循環(huán)，循環(huán)執(zhí)行一次會改變一個變量的值
舉例：輸出1到100的值

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

2、while循環(huán)

while循環(huán)會重復執(zhí)行一段代碼，直到某個條件不再滿足。

語法：

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

while循環(huán)結(jié)構(gòu)如圖：

while執(zhí)行順序

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

案例：

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

缺點：

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

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

3、do while循環(huán)的結(jié)構(gòu)

do while 結(jié)構(gòu)的基本原理和while結(jié)構(gòu)是基本相同的，但是它保證循環(huán)體至少被執(zhí)行一次。因為它是先執(zhí)行代碼，后判斷條件
語法：

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

do while 執(zhí)行順序：

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

案例：

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

while 和 do while的不同

• while: 先判斷 再執(zhí)行 條件不成立 循環(huán)體 一遍都不執(zhí)行

• do…while: 先執(zhí)行 再判斷 條件不成立 循環(huán)體 至少執(zhí)行一遍

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