• 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

  • 相关阅读:
    Java基础--阻塞队列ArrayBlockingQueue
    Java基础--反射Reflection
    Java基础--对象克隆
    Java基础--HashCode
    Java基础--序列化Serializable
    OpenCV 绘制图像直方图
    PHP isset, array_key_exists配合使用, 并解决效率问题
    安装XDEBUG步骤及问题
    设计模式例子
    适配器模式例子
  • 原文地址:https://www.cnblogs.com/xinweiyun/p/11027311.html
Copyright © 2020-2023  润新知