js如何遍历js对象

遍历 javascript 对象的方法有：for...in 循环：遍历所有键，包括不可枚举的键。object.keys(obj).foreach：遍历可枚举的键。object.values(obj).foreach：遍历所有值。object.entries(obj).foreach：返回键值对数组，方便一次访问键和值。for...of 循环：一种更简洁的 object.entries(obj).foreach 等价写法。

如何遍历 JavaScript 对象

JavaScript 提供了多种遍历对象的方法，包括：

for...in 循环

const obj = {
  name: "John",
  age: 30,
  city: "New York"
};

for (let key in obj) {
  console.log(`${key}: ${obj[key]}`);
}

这将遍历对象的所有键，并将键和值打印到控制台。

Object.keys(obj) 和 forEach

Object.keys(obj).forEach(key => {
  console.log(`${key}: ${obj[key]}`);
});

这与 for...in 循环类似，但只遍历可枚举的键。

Object.values(obj) 和 forEach

Object.values(obj).forEach(value => {
  console.log(value);
});

这将遍历对象的所有值，而不考虑键。

Object.entries(obj) 和 forEach

Object.entries(obj).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});

这将返回一个包含键值对的数组，可以方便地一次访问键和值。

for...of 循环

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

这与 Object.entries(obj).forEach 等效，但使用更简短的语法。

选择合适的方法

遍历 JavaScript 对象的最佳方法取决于具体情况。如果需要访问键和值，使用 for...in 循环或 Object.entries(obj).forEach。如果只需要访问值，可以使用 Object.values(obj).forEach。对于可枚举键，可以使用 Object.keys(obj).forEach。for...of 循环提供了一种方便的方式来遍历键值对。