js中遍历对象的方法

在JavaScript中，遍历对象可以通过多种方法实现，这些方法各有特点。以下是几种常见的遍历对象属性的方式：

1. `for...in` 循环：这是最常用的遍历对象属性的方法。它会遍历对象自身及原型链上所有可枚举的属性。每次迭代会将属性名赋值给循环变量。

var obj = { a: 1, b: 2, c: 3 };
for (var prop in obj) {
  if (obj.hasOwnProperty(prop)) {
    console.log(prop + ' = ' + obj[prop]);
  }
}

2. `Object.keys()` 方法：这个方法会返回一个包含对象所有自身可枚举属性的数组。然后可以通过数组方法来遍历这些属性。

var obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(function(key) {
  console.log(key + ' = ' + obj[key]);
});

3. `Object.getOwnPropertyNames()` 方法：与 `Object.keys()` 类似，但它返回的是对象所有自身属性的数组，无论它们是否可枚举。

var obj = { a: 1, b: 2, c: 3 };
Object.getOwnPropertyNames(obj).forEach(function(key) {
  console.log(key + ' = ' + obj[key]);
});

4. `for...of` 循环结合 `Object.entries()` 方法：`Object.entries()` 返回一个数组，其元素是对象自身可枚举属性的键值对数组。`for...of` 循环可以直接遍历这种数组。

var obj = { a: 1, b: 2, c: 3 };
for (var [key, value] of Object.entries(obj)) {
  console.log(key + ' = ' + value);
}

5. 使用 `Map` 和 `WeakMap`：如果需要避免常规对象属性遍历中的问题，比如忽略符号类型的键、对象引用和原型链上的属性，可以使用 `Map` 和 `WeakMap`。

var map = new Map(Object.entries({ a: 1, b: 2, c: 3 }));
for (var [key, value] of map) {
  console.log(key + ' = ' + value);
}

需要注意的是，以上方法中 `for...in` 循环可能会遍历到原型链上的属性，除非你明确检查属性是否为对象自有属性。`Object.keys()` 和 `Object.getOwnPropertyNames()` 只遍历对象自身的属性，不会遍历原型链上的属性。选择哪种方法取决于你的具体需求。