JavaScript : print property "name" and "value" in each object in an array using map

Question

所以我有这个对象数组:

const arr = [
{
name: "Bob",
job: "Teacher",
age: 30
},
{
name: "Jack",
occupation: "Developer",
height: "160 cm"
}
]

我的目标是动态获取属性名称(例如:职业)及其值，并使用 JS 中的 map 函数显示它们，因为我使用 React 来显示数据。

(我知道有一种使用 Object.keys() 的方法)，但如果有一种使用 map 的方法，那对我来说会更好

第一个对象的显示示例如下:

name : bob
job : teacher
age : 30

提前致谢!

Answer 1

arr.map(user =>
  <div>
    {Object.keys(user).map(key => (
      <div>{key}: {user[key]}</div>
    ))}
  </div>
)