Javascript：使用map打印数组中每个对象"name"和"value"的属性

Question

所以我有这个对象数组：

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

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

(我知道Object.keys((有办法(，但如果地图有办法，对我来说会更好

第一个对象的显示示例是：

name : bob
job : teacher
age : 30

提前感谢！

Answer 1

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

Answer 2

const arr = [{
name: "Bob",
job: "Teacher",
age: 30
},
{
name: "Jack",
occupation: "Developer",
height: "160 cm"
}
]
return (<div>
{
arr.map(person => (<div>
{Object.keys(person).map(key => 
<span>{key} : {person[key]}</span>
}
</div>)
}
</div>)

Answer 3

尝试以下操作：

arr.map(el => {
return {
name: el.name,
job: el.job,
age: el.age
}
})