javascript中 for循环的一些写法 for length 以及for in 还有 for of 的区别

ゝ一纸荒年。 2022-01-09 07:47 203阅读 0赞

最近在写一些前端的代码，遇到一个产品列表遍历的问题，正好使用到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

转载于:https://www.cnblogs.com/xinweiyun/p/11027311.html