這篇文章主要為大家展示了“JS中有哪些循環(huán)方法”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JS中有哪些循環(huán)方法”這篇文章吧。

成都創(chuàng)新互聯(lián)專注于農(nóng)安網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供農(nóng)安營銷型網(wǎng)站建設(shè)，農(nóng)安網(wǎng)站制作、農(nóng)安網(wǎng)頁設(shè)計、農(nóng)安網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù)，打造農(nóng)安網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供農(nóng)安網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

一、for循環(huán)

四部曲:

1、設(shè)置初始值 var i = 0

2、設(shè)置循環(huán)執(zhí)行條件 i < 5

3、執(zhí)行循環(huán)體中的內(nèi)容{ [循環(huán)體] } 包起來的部分

4、每一輪循環(huán)完成后都執(zhí)行我們的i++累加操作

for(var i = 0;i<5;i++){
 console.log(i)
}

break/continue:在循環(huán)體中遇到這兩個關(guān)鍵字，循環(huán)體中的后面的代碼就不在執(zhí)行了

break：在循環(huán)體中，出現(xiàn)break，整個循環(huán)就直接的結(jié)束了，i++最后的這個累加的操作也不執(zhí)行了

continue:在循環(huán)體中，出現(xiàn)continue，當(dāng)前這一輪的循環(huán)就結(jié)束了，繼續(xù)下一輪的循環(huán)，i++繼續(xù)執(zhí)行　

for(var i = 0;i<10;i++){
 if(i<=5){
  i+=2;
  continue;
 }
 i+=3;
 break;
 console.log(i)//不執(zhí)行
}
console.log(i)//9

 二、for in 循環(huán)

用來循環(huán)一個對象中的屬性名和屬性值的　

var object = {
 name:'小李',
 age:18,
 height:'170cm',
 hobby:'敲代碼'
}
//對象中有多少組鍵值對，就循環(huán)幾次
//順序問題:首先循環(huán)數(shù)字的屬性名(按照從小到大),再把剩下的屬性名按照我們寫得順序循環(huán)
for(var key in object){
　　console.log(key);//每一次循環(huán)獲取的屬性名
　　console.log(object[key])// 獲取屬性值 在for in 中只能通過對象名[key]來獲取 不能寫obj.key
}

 　　案例：表格隔行換色　（三元運算符滿足條件如果有多個執(zhí)行，可以加上括號，然后使用逗號分隔）

 
 
 


 
  

   
11111111111111111111111111
   
22222222222222222222222222
   
33333333333333333333333333
   
44444444444444444444444444
   
55555555555555555555555555
   
66666666666666666666666666
   
11111111111111111111111111
   
22222222222222222222222222
   
33333333333333333333333333
   
44444444444444444444444444
   
55555555555555555555555555
   
66666666666666666666666666