如何将 forEach() 与键值对一起使用？

Question

JavaScript 的 forEach()函数 将回调作为参数，并为数组的每个元素调用该回调，它使用值作为第一个参数和数组索引作为第二个参数调用回调。

// Prints "0: a, 1: b, 2: c"
['a', 'b', 'c'].forEach(function callback(value, index) {
  console.log(`${index}: ${value}`);
});

forEach()是 JavaScript 数组的方法， 而不是 对象，要迭代一个对象，您必须使用将其转换为数组 Object.entries(), Object.keys(), or Object.values() ，之后，您可以使用 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]);
});

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

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

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