在JavaScript中,要遍历一个对象的属性键值对(Key-Value),可以使用 for...in
循环或 Object.entries()
方法。
使用 for...in
循环:
for...in
循环用于遍历对象的可枚举属性。
在循环体中,通过对象名和属性名访问属性值。
示例代码:
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
if (obj.hasOwnProperty(key)) { // 可选的判断是否为自身属性
console.log(Key: ${key}, Value: ${obj[key]});
}
}
2、使用 Object.entries()
方法:
Object.entries()
方法返回一个包含对象自身可枚举属性的数组,每个元素都是一个包含键值对的数组。
遍历数组,每个元素的第一个值是属性名,第二个值是属性值。
示例代码:
const obj = { a: 1, b: 2, c: 3 };
Object.entries(obj).forEach(([key, value]) => {
console.log(Key: ${key}, Value: ${value});
});
这两种方法都可以用来遍历对象的属性键值对,具体选择哪种方式取决于实际需求和代码风格。需要注意的是,for...in
循环也会遍历到对象原型链上的属性,而 Object.entries()
方法仅遍历对象自身的属性。如果需要判断是否为自身属性,可以使用 hasOwnProperty()
方法。