JS循環(huán)結(jié)構(gòu)有哪些？循環(huán)結(jié)構(gòu)概述

2020-2-24    seo達人

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



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

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



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

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

do while ==> 當(dāng)指定條件偽true時，循環(huán)代碼塊

1、for循環(huán)

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

語法：



for(初始化表達式;循環(huán)條件表達式;循環(huán)后的操作表達式){

需要重復(fù)的代碼塊;

}



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



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



1.初始化表達式

  1. 循環(huán)條件表達式
  2. 需要重復(fù)的代碼塊
  3. 循環(huán)后的操作表達式



    簡單的for循環(huán)，循環(huán)執(zhí)行一次會改變一個變量的值

    舉例：輸出1到100的值



    for(var i=1; i <= 100; i++){

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

    console.log(i);

    }



    2、while循環(huán)

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

    語法：



    while(條件表達式語句){

    執(zhí)行的代碼塊;

    }



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



    while執(zhí)行順序

    當(dāng)我們的使用條件條件返回值是true，就會執(zhí)行大括號里面的代碼塊，執(zhí)行完大括號的語句之后，會重復(fù)大括號里的語句，直到判定條件返回值為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í)行一遍


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://yvirxh.cn

存檔