zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    OC与Swift的区别二(常量、变量、运算符)
    OC与Swift的区别一(文件结构)
    OC对象的归档及解档浅析
    OC单例模式的实现
    oc文件基本读写及操作
    IOS之沙盒(Sandbox)机制
    IOS开发之KVC与KVO简述
    SpringMVC控制器配置文件
    spring常用的连接池属性文件配置
    Struts2文件上传方式与上传失败解决方式
  • 原文地址:https://www.cnblogs.com/xinweiyun/p/11027311.html
Copyright © 2011-2022 走看看