JavaScript中遍历字典（对象）的键（key）和值（value）

在JavaScript中，对象是一种复杂的数据类型，它允许我们存储键值对。我们可以通过遍历对象的键和值来访问这些信息。下面将介绍几种遍历对象的方法。

方法一：使用for…in循环

for…in循环可以用来遍历对象的所有可枚举属性（包括自身和继承的属性）。但是要注意，for…in循环会遍历对象的所有可枚举属性，包括原型链上的属性。

let obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
if (obj.hasOwnProperty(key)) { // 判断是否是对象自身的属性
console.log('键：', key);
console.log('值：', obj[key]);
}
}

方法二：使用Object.keys()方法

Object.keys()方法返回一个数组，包含对象自身的所有可枚举属性键。这个方法不会遍历原型链上的属性。

let obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach(key => {
console.log('键：', key);
console.log('值：', obj[key]);
});

方法三：使用Object.values()方法

Object.values()方法返回一个数组，包含对象自身的所有可枚举属性值。这个方法不会遍历原型链上的属性。

let obj = {a: 1, b: 2, c: 3};
Object.values(obj).forEach(value => {
console.log('值：', value);
});

方法四：使用Object.entries()方法

Object.entries()方法返回一个数组，包含对象自身的所有可枚举属性键值对。这个方法不会遍历原型链上的属性。

let obj = {a: 1, b: 2, c: 3};
Object.entries(obj).forEach(([key, value]) => {
console.log('键：', key);
console.log('值：', value);
});