【JS】遍历对象key、value

2024-01-19 22:36| 来源: 网络整理| 查看: 265

例如有这么一个对象：

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)

【本文地址】

公司简介

联系我们