js之循環(huán)

2023-1-5 前端達(dá)人

avaScript 循環(huán)

編寫(xiě)程序是為了讓我們更高效的處理問(wèn)題，但在生活中我們常常遇到一些重復(fù)性的動(dòng)作，也就是當(dāng)我們希望一遍又一遍的執(zhí)行多次代碼，但是每一次執(zhí)行代碼的值有不同的時(shí)候我們就可以使用循環(huán)語(yǔ)句來(lái)解決問(wèn)題。

不同類型的循環(huán)

JavaScript支持不同類型的循環(huán):

for —— 循環(huán)代碼塊—定的次數(shù)
forlin —— 循環(huán)遍歷對(duì)象的屬性
while —— 當(dāng)指定的條件為true 時(shí)循環(huán)指定的代碼塊
do…while —— 同樣當(dāng)指定的條件為true 時(shí)循環(huán)指定的代碼塊

循環(huán)：具備的四個(gè)條件

初始值條件
循環(huán)條件
迭代條件
循環(huán)體

While循環(huán)

do...while語(yǔ)句可以在某個(gè)條件表達(dá)式為真的前提下，循環(huán)執(zhí)行指定的一段代碼，直到那個(gè)表達(dá)式不為真時(shí)結(jié)束循環(huán)。
語(yǔ)法:

while(條件){
    需要執(zhí)行的代碼
}  


    
        1
    

    
        2
    

    
        3

比如:

//打印0~3
let n = 0;

while (n < 3) {
  n++;
}  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6

do…While循環(huán)

do...while語(yǔ)句創(chuàng)建一個(gè)執(zhí)行指定語(yǔ)句的循環(huán)，直到condition值為 false。在執(zhí)行statement 后檢測(cè)condition，所以指定的statement至少執(zhí)行一次，理論上,所有的while循環(huán)都可以使用doWhile

語(yǔ)法:

//初始化條件
var index = 0;
do{
    //遞歸條件
    index++;
    //循環(huán)體;
}while(條件);//同樣的這個(gè)條件是一個(gè)Boolean  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6
    

    
        7

比如:

//列出1~10之間的所有奇數(shù)
var index = 0;
do{
    index++;
    if(index % 2 == 1){
        console.log(index);
    }
}while(index<10);  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6
    

    
        7
    

    
        8

dowhile與while的區(qū)別:
- while循環(huán)先是判斷條件,再執(zhí)行循環(huán)體
- dowhile循 1 環(huán)先循環(huán)一次 2 再判斷條件 3 再執(zhí)行循環(huán)體 4.重復(fù)2,3

比如:

var a = 10;
//while循環(huán)
while(a<4){
    console.log("執(zhí)行while循環(huán)");
}
//dowhile循環(huán)
do{
    console.log("這是doWhile循環(huán)");
}while(a<4)  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5
    

    
        6
    

    
        7
    

    
        8
    

    
        9

for循環(huán)

for 語(yǔ)句用于創(chuàng)建一個(gè)循環(huán)，它包含了三個(gè)可選的表達(dá)式，這三個(gè)表達(dá)式被包圍在圓括號(hào)之中，使用分號(hào)分隔，后跟一個(gè)用于在循環(huán)中執(zhí)行的語(yǔ)句（通常是一個(gè)塊語(yǔ)句）。

語(yǔ)法:

for(初始條件;循環(huán)條件;迭代條件){
    //循環(huán)體
}  


    
        1
    

    
        2
    

    
        3

比如:

for(var i = 0 ; i < 10 ; i++){
    console.log("輸出第"+i+"次循環(huán)");
}  


    
        1
    

    
        2
    

    
        3

上面的執(zhí)行順序如下：

先執(zhí)行出初始化的條件i= 0;
執(zhí)行循環(huán)條件i< 10
執(zhí)行循環(huán)體
走自增i++
執(zhí)行繼續(xù)判斷第2步,依此類推

for/in循環(huán)

for...in語(yǔ)句以任意順序迭代一個(gè)對(duì)象的除Symbol以外的可枚舉屬性，包括繼承的可枚舉屬性。
語(yǔ)法:

var 對(duì)象名 = {}
for(屬性名 in 對(duì)象名){
    //循環(huán)體
}  


    
        1
    

    
        2
    

    
        3
    

    
        4

比如:

var info={name:"xiaoming",sex:"man",age:18}; 
for (x in info){
    txt=txt + person[x];
}  


    
        1
    

    
        2
    

    
        3
    

    
        4

for/of循環(huán)

for...of語(yǔ)句在可迭代對(duì)象（包括 Array，Map，Set，String，TypedArray，arguments對(duì)象等等）上創(chuàng)建一個(gè)迭代循環(huán)，調(diào)用自定義迭代鉤子，并為每個(gè)不同屬性的值執(zhí)行語(yǔ)句
語(yǔ)法:

 for (屬性名 of 對(duì)象名) {
    //statements
}  


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5

比如:

var arr = ['nick','freddy','mike','james'];
for(var item of arr){   
    console.log(item);
}  


    
        1
    

    
        2
    

    
        3
    

    
        4