在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()
方法。