zoukankan      html  css  js  c++  java
  • js遍历的那些事

    遍历范围

    JavaScript中遍历对象的property的3种方法:
    总结如图

    1. console.log() JSON.stringigy() 只作用于本身的可枚举属性.
    2. for of 只是可以遍历可迭代对象(),不涉及原型链.
    3. ownProperty,顾名思义,自身的属性,爸爸的爷爷的都不算,我的就是我的,不管他可不可枚举. 同理如hasOwnProperty
    4. each map filter some every等通常都是为了数组打造大方法,把数组当对象看得话,盲猜一下: 范围更小,不涉及原型链,仅限于可枚举. 更是仅限于 可迭代属性. 同for of, JSON.stringify(arr) 作用于数组于仅限于可迭代属性.
    var arr =[1,2,3,4];
    arr.name ="Tom"; //这个可枚举但不可迭代
    console.log(JSON.stringify(arr)); //[1,2,3,4]
    

    性能上:

    原始的for循坏一个档次,然后forEach和for of也基本属于一个档次,for of的执行速度稍微高于forEach,最后最慢的就是for in循环了. 详见分析文章.

    遍历对象顺序问题:

    1. 使用 for-in 语句遍历对象属性时遍历顺序不一定为属性构建顺序。
      2.解决办法:对象通过Object.keys提取对象的key出来变成数组,然后通过数组的排序,然后遍历数组,通过key去取对象的属性值。
    枚举/非枚举属性

    比如对象的length属性,就不是可枚举属性,不然for(;i < arr.length) 循环里面遍历到length没意义.当然,对象是没有内置length属性.

    Object.defineProperty

    传送门

    初学乍到, 好多问题,先Mark一下. js看似简单,但是底层不可见,很多具体的细节行为有待学习.

  • 相关阅读:
    Rhythmbox中文乱码解决的方法
    苟富贵勿相忘
    C++“窗体”程序设计启蒙
    Java模式(适配器模式)
    sql server 2005 32位+64位、企业版+标准版、CD+DVD 下载地址大全
    STL学习小结
    Spring3.0 AOP 具体解释
    图解iPhone开发新手教程
    已有路由器为何还要交换机
    路由器功能
  • 原文地址:https://www.cnblogs.com/ShawSpring/p/10806075.html
Copyright © 2011-2022 走看看