javascript中 for循環的一些寫法 for length 以及for in 還有 for of 的區別

     最近在寫一些前端的代碼，遇到一個產品列表遍歷的問題，正好使用到for 的幾種用法，於是研究了下。

    代碼如下，先說明下goodslist 是一個產品列表 形如這樣的數據格式

  {

　　‘types’：1,

　　'name':蘋果

　}

  {

　　‘types’：2,

　　'name':香蕉

　}

  {

　　‘types’：3,

　　'name':菠蘿

　}

 

 

 

  第一種寫法：直接遍歷數組對象方式
            for ( let i =0; i <  goodslist.length; i++){ if (goodslist[i].types==types){ this.goodsInfo=goodslist[i]; } }


第二種寫法是for in 的寫法 注意了，這個i只是索引值，並不是goodslist里面的循環對象 這個是容易搞混的，之前寫java var i in 中的 i 其實就已經是goodslist里的對象值了 for(var i in goodslist){ if (goodslist[i]['types']==types){ this.goodsInfo=goodslist[i]; return; } }

第三種寫法 就是下面這個 for of 這個就有點類似java里的 for循環了 item就直接是goodslist的對象了 for (var item of goodslist){ if (item.types==types){ this.goodsInfo=item; return; } }

 語言寫多了，有時候就容易搞混，以為java里的和javascript的for in循環是一樣的，結果在對比以后發現這個異同，希望大家在寫代碼的時候多多注意了。

 

 

我，秋峰，phper、java后端開發，javascript前端開發，全棧開發，目前自創業，做項目系統開發，做公眾號以及小程序等的開發， 今天就給大家分享到這里，希望對大家有所幫助。歡迎交流 大家相互學習 共同提高 我的 微信號：qiufeng2999