【JS】遍历对象key、value

最新推荐文章于 2025-05-28 17:21:59 发布

K_Kamen_Yip

最新推荐文章于 2025-05-28 17:21:59 发布

阅读量1.6w

点赞数 12

CC 4.0 BY-SA版权

文章标签： object js for/in forEach

本文链接：https://blog.youkuaiyun.com/weixin_43387238/article/details/85038414

本文介绍了两种常用的JavaScript对象遍历方法：使用Object.keys()和for...in循环，并提供了实例代码，同时强调了如何避免遍历原型链上的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如有这么一个对象：

let obj = {
    name: 'Kamen',
    age: '23',
    hobby: 'eat eat eat'
  }

方法一：转化为操作数组forEach遍历

//遍历对象属性
Object.keys(obj).forEach(key => {
    console.log(key)
  })

关于Object.keys()方法可以参考以下链接
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

//遍历对象属性值
Object.values(obj).forEach(val => {
  console.log(val)
})

关于Object.values()方法可以参考以下链接
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values

方法二：for/in遍历

for( let key in obj ){
    //遍历对象属性
    console.log(key)
    //遍历对象属性值
    console.log(obj[key])
  }

注意：该方法会继承原型链的所有属性，例如：

Object.prototype.pet = 'open'
for( let key in obj ){
  console.log(key)
  console.log(obj[key])
}
console.log(obj)

上述情况可以使用hasOwnProperty避免：

Object.prototype.pet = 'open'
  for( let key in obj ){
    if (obj.hasOwnProperty(key) === true){
      console.log(key)
      console.log(obj[key])
    }
  }
  console.log(obj)