首頁 > web前端 > js教程 > 主體

js中的循環怎麼使用?

PHP中文网
發布: 2017-06-21 09:33:22
原創
1209 人瀏覽過

一、for迴圈

  四部曲:

  1、設定初始值var i = 0

  2、設定迴圈執行條件i < 5

  3、執行迴圈體中的內容{ [迴圈體] } 包起來的部分

  4、每一輪循環完成後都執行我們的i++累加操作

for(var i = 0;i<5;i++){
    console.log(i)
}
登入後複製

  break/continue:在循環體中遇到這兩個關鍵字,循環體中的後面的程式碼就不在執行了

    break:在循環體中,出現break,整個循環就直接的結束了,i++最後的這個累加的操作也不執行了

    continue:在循環體中,出現continue,當前這一輪的循環就結束了,繼續下一輪的循環,i++繼續執行 

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

console.log(i)//9
登入後複製

# 二、for in 循環

  用來循環一個物件中的屬性名稱和屬性值的 

 object =&#39;小李&#39;18&#39;170cm&#39;&#39;敲代码&#39;
登入後複製

for(var key  in object){

  console.log(key);//每一次迴圈取得的屬性名稱

  console.log(object[key])// 取得屬性值在for in 中只能透過物件名稱[key]來取得不能寫obj.key

}

   案例:表格隔行換色(三元運算子滿足條件如果有多個執行,可以加上括號,然後使用逗號分隔)

#



    
    Document
    


    
        
                
  • 11111111111111111111111111
  •             
  • 22222222222222222222222222
  •             
  • 33333333333333333333333333
  •             
  • 44444444444444444444444444
  •             
  • 55555555555555555555555555
  •             
  • 66666666666666666666666666
  •             
  • 11111111111111111111111111
  •             
  • 22222222222222222222222222
  •             
  • 33333333333333333333333333
  •             
  • 44444444444444444444444444
  •             
  • 55555555555555555555555555
  •             
  • 66666666666666666666666666
  •         
    
     #

以上是js中的循環怎麼使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板