使用 forEach() 遍历对象

Question

JavaScript 的 Array#forEach()函数 允许您遍历 数组 ，但不能遍历对象。 但是您可以 迭代 JavaScript 对象 使用 forEach() 如果首先将对象转换为数组，则使用 Object.keys()，Object.values()， 或者 Object.entries()。

使用 Object.keys()

这 Object.keys() 函数返回对象自身的可枚举属性的数组。 然后，您可以使用迭代对象中的每个键 forEach()。

const obj = {
  name: 'Jean-Luc Picard',
  rank: 'Captain'
};

// Prints "name Jean-Luc Picard" followed by "rank Captain"
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

使用 Object.values()

这 Object.values() 函数返回对象自己的可枚举属性值的数组。 换句话说，它返回一个包含对象值的数组，您可以使用该数组进行迭代 forEach()。

const obj = {
  name: 'Jean-Luc Picard',
  rank: 'Captain'
};

// Prints "Jean-Luc Picard" followed by "Captain"
Object.values(obj).forEach(val => {
  console.log(val);
});

使用 Object.entries()

这 Object.entries() 函数返回一个条目数组。 其中 条目 是长度为 2 的数组， entry[0] 是关键和 entry[1] 是价值。 您可以同时遍历键和值：

const obj = {
  name: 'Jean-Luc Picard',
  rank: 'Captain'
};

// Prints "name Jean-Luc Picard" followed by "rank Captain"
Object.entries(obj).forEach(entry => {
  const [key, value] = entry;
  console.log(key, value);
});