所謂循環,就是重復執行一段代碼,計算機的判斷能力和人相比差的很遠,計算機更擅長一件事情——不停的重復。而我們在JavaScript中把這叫做循環。下面讓我們來了解了解JavaScript里的循環。
js循環結構有哪些
js循環結構有三種
for循環 ==> 用來多次遍歷代碼塊
while循環 ==> 當指定條件為true時,循環代碼塊
do while ==> 當指定條件偽true時,循環代碼塊
1、for循環
for是由兩個部分組成,條件控制和循環體
語法:
for(初始化表達式;循環條件表達式;循環后的操作表達式){
需要重復的代碼塊;
}
for語句結構如圖:
for循環的執行順序
1.初始化表達式
- 循環條件表達式
- 需要重復的代碼塊
- 循環后的操作表達式
簡單的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: 先執行 再判斷 條件不成立 循環體 至少執行一遍