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

2020-2-24    seo達(dá)人

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



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

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



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

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

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

1、for循環(huán)

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

語(yǔ)法：



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

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

}



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



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



1.初始化表達(dá)式

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



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

    舉例：輸出1到100的值



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

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

    console.log(i);

    }



    2、while循環(huán)

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

    語(yǔ)法：



    while(條件表達(dá)式語(yǔ)句){

    執(zhí)行的代碼塊;

    }



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



    while執(zhí)行順序

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



    案例：



    var i = 0;

    while (i < 10){

    console.log(i);

    i++;

    }

    //while循環(huán)會(huì)先判定條件，再根據(jù)條件是否成立達(dá)成決定是否進(jìn)入循環(huán)

    //如果條件一開(kāi)始就是false ，則不會(huì)進(jìn)入循環(huán)



    缺點(diǎn)：



    使用while語(yǔ)句的時(shí)候，一定要寫(xiě)大括號(hào)

    如果沒(méi)有條件的話，會(huì)無(wú)限的運(yùn)行下去，造成死循環(huán)。

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

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

    語(yǔ)法：



    do {

    執(zhí)行語(yǔ)句塊;

    }

    while(條件表達(dá)式語(yǔ)句);



    do while 執(zhí)行順序：

    先執(zhí)行一次code，再做判斷。與while循環(huán)不同，do while無(wú)論條件如何 都會(huì)執(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í)行一遍


分享本文至：

日歷

鏈接

個(gè)人資料

存檔