javascript中循環結構有哪些

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高階教學】

#

以上是javascript中循環結構有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！