zoukankan      html  css  js  c++  java
  • ES6——for-in和for-of区别

      for-in和for-of乍一听,以为是一样的,都是用来“遍历”的。但是,既然开发出了两个方法,那就一定有所区别

    iterable

      首先,ES6中添加了一个iterable类型,翻译过来叫“可迭代”。

      在ES6里,数组Arrray集合Set以及Map(目前我还不了解……)都是“可迭代的”

      这个“可迭代”添加的目的在于二

      1.解决for-in遍历索引属性名)的问题

      2.解决了map、set无法用下标遍历的问题

    for-in

      先看看目的一的问题,即for-in在数组中的使用

      

      这里之所以输出name,是因为for-in本身遍历的是属性名,而数组本身是一个对象,属性名即下标,所以输出的都是下标,也自然输出了一个属性名name

      但问题是,数组中最需要的是每一项,也就是属性值

    for-of

      看了for-in在数组中的表现,我们发现,必须找到一个可以直接遍历数组每一项的方法

      因此,for-of方法就应运而生,遍历时获得其中的每一项(属性值)

      同时,对于外界给其作为对象而添加的属性值则不会输出(这里name的4没有输出

      

      好了,差不多可以说清楚for-in和for-of的区别了(如果后续发现其他的,会继续补充)

  • 相关阅读:
    史上最强验证
    Yii2 return redirect()
    一次线上问题引发的思考
    一次前端体验优化
    RSA For PHP
    判断是否字符串是否是JSON
    过滤Xss
    Yii2 中日志的记录
    Yii2 中禁用csrf校验
    开始。
  • 原文地址:https://www.cnblogs.com/shige720/p/11469717.html
Copyright © 2011-2022 走看看