Javascript 数组解构和 Object.entries

Question

非常简单:Object.entries is supposed to produce and Array of key, value pairs. 。因此，我希望这段代码能够解构

[{
  id: 1,
  name: "christian"
},{
  id : 2,
  name: "bongiorno"
}].map(Object.entries).forEach(([k,v]) => console.log(`${k}: ${v}`));

投入生产:

id:1 name:christian
id:2 name:bongiorno

但事实并非如此。我得到的是:

id,1: name,christian
id,2: name,bongiorno

我错过了什么？

Answer 1

输出是正确的，但您的定义略有偏差，您缺少数组级别(数组的数组)。

Object.entries 应该生成一个由键、值对组成的数组。

console.log(
  Object.entries({
    id: 1,
    name: 'test'
  })
)

要实现您想要的效果，您只需更新日志以考虑嵌套数组即可:

[{
  id: 1,
  name: "christian"
},{
  id : 2,
  name: "bongiorno"
}]
  .map(Object.entries)
  .forEach(([k, v]) => console.log(
    `${k.join(':')} ${v.join(':')}`
  ));

或者也许您打算展平每个数组？:

[{
  id: 1,
  name: "christian"
},{
  id : 2,
  name: "bongiorno"
}]
  .map(Object.entries)
  .reduce((arr, curr) => arr.concat(curr), [])
  .forEach(([k,v]) => console.log(`${k}: ${v}`));