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