js如何遍历对象的key和value

在JavaScript中,可以使用for…in循环来遍历对象的键(key)和值(value)。以下是一个示例:

let obj = {  
  key1: 'value1',  
  key2: 'value2',  
  key3: 'value3'  
};  
  
for (let key in obj) {  
  if (obj.hasOwnProperty(key)) {  // 确保键在对象自身上,而不是从原型链继承  
    console.log(`Key: ${key}, Value: ${obj[key]}`);  
  }  
}

在这个例子中,for…in循环会遍历对象obj的所有键。然后,hasOwnProperty函数会检查这个键是否是对象obj自身的一个属性,而不是从其原型链继承的。如果是对象自己的属性,就输出这个键和对应的值。

另一种方法是通过使用Object.keys()、Object.values()和Object.entries()。

  • Object.keys(obj) 会返回一个表示对象自身可枚举属性的字符串数组。
  • Object.values(obj) 会返回一个表示对象自身所有可枚举属性的值的数组

  • Object.entries(obj) 会返回一个表示对象自身的键值对数组。

以下是使用这些方法的示例:

let obj = {  
  key1: 'value1',  
  key2: 'value2',  
  key3: 'value3'  
};  
  
// 使用 Object.keys() 和 Object.values()  
Object.keys(obj).forEach(key => console.log(`Key: ${key}, Value: ${obj[key]}`));  
Object.values(obj).forEach(value => console.log(`Value: ${value}`));  
  
// 使用 Object.entries()  
Object.entries(obj).forEach(([key, value]) => console.log(`Key: ${key}, Value: ${value}`));
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北漂燕郊杨哥

您的支持是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值