方法 map() - 一次从后端数组获取所有对象值答案

【问题标题】：method map() - getting from backend array all object values at once方法 map() - 一次从后端数组获取所有对象值
【发布时间】：2021-12-07 16:39:12
【问题描述】：

我正在用 axios 下载一个后端结构数据。

我有这样的东西：advancedProfile.technologies（包含 5 个对象的数组）键为 {title、link、category、date、id}）。

然后我使用地图渲染一个 div。

代码行是这样的：

{download.data.advancedProfile.technologies.map(obj=><div>{obj.title}</div>)}

通过这一行，我可以渲染数组中的所有 5 个对象，但只能使用一个键值。

我心不在焉，但我如何才能一次映射并获取所有 5 个对象和所有键？我不想单独复制和粘贴所有键值。

【问题讨论】：

期望的结果是什么？请澄清。
您可以使用 <div>{Object.values(obj).map(val => <p key={val}>{val}</p>})</div> 之类的内容，具体取决于您要查找的 HTML 结构。
我不明白。 “所有 5 个对象同时具有所有键”是什么意思？可以举个例子吗？

标签： javascript arrays dictionary object key

【解决方案1】：

如果您只需要值：

{download.data.advancedProfile.technologies.map(obj => (
  <div>
    {Object.values(obj).map(value => <div>{value}</div>)
  </div>
))}

如果您需要键和值：

{download.data.advancedProfile.technologies.map(obj => (
  <div>
    {Object.entries(obj).map(([key, value])=> <div>{key}: {value}</div>)
  </div>
))}

【讨论】：