遍历对象的四种方法!

作者: liuuuuuu | 来源:发表于2018-06-20 11:01 被阅读91次

    前言

      在日常工作学习中,遍历数组我们有N种方法可以实现,但是如果是遍历对象呢?不知道小伙伴们还记得如何遍历吗?如果会的话,那么你又会几种遍历对象的方法呢?如果只会一种或者根本不会遍历对象,那么这篇文章真的适合你,如果你会两种及以上,那真的没有必要接着看了~闲话少说,开讲!

    测试用例

    let [obj, log] = [
      {
        a: 1, 
        b: 2, 
        c: 3
      },
      console.log
    ]
    

    方法一:Object.keys(arr).forEach()

    Object.keys(obj).forEach(key => {
      log(key, obj[kye]);
    });
    // 结果如下
    a 1
    b 2
    c 3
    

    方法二:for...in

    for(let i in obj){
      log(i, obj[i]);
    }
    // 结果如下
    a 1
    b 2
    c 3
    

    方法三:Object.getOwnPropertyNames(obj).forEach()

    Object.getOwnPropertyNames(obj).forEach(function(key){
      log(key,obj[key]);
    });
    // 结果如下
    a 1
    b 2
    c 3
    

    方法四:Reflect.ownKeys(obj).forEach()

    Reflect.ownKeys(obj).forEach(function(key){
        log(key,obj[key]);
    });
    // 结果如下
    a 1
    b 2
    c 3
    

    结束语

      在写这篇文章前,我只知道for-in这种办法,学习了之后总结一下,总结出四种方法来遍历对象,希望对大家有帮助。如果你学到了想要的知识,希望不要吝啬,就算不打赏一点,起码也要为这篇文章点一个赞吧,你说呢?

    说明

    原创作品,禁止转载和伪原创,违者必究!

    相关文章

      网友评论

        本文标题:遍历对象的四种方法!

        本文链接:https://www.haomeiwen.com/subject/rxhzeftx.html