让前端飞Web前端之路遍历

遍历对象的四种方法!

2018-06-20  本文已影响91人  liuuuuuu

前言

  在日常工作学习中,遍历数组我们有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这种办法,学习了之后总结一下,总结出四种方法来遍历对象,希望对大家有帮助。如果你学到了想要的知识,希望不要吝啬,就算不打赏一点,起码也要为这篇文章点一个赞吧,你说呢?

说明

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

上一篇 下一篇

猜你喜欢

热点阅读