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}`));