Javascript 如何在映射函数中从对象获取关键点？

如何从中的对象获取密钥

{this.state.data.map((object, index) => (
      <div>object.key</div>

    ))}

我希望它能回来

 <div>mykey1</div>
 <div>mykey2</div>
 <div>mykey3</div>

mykey1
我的钥匙2
我的钥匙3

使用

Object.keys（）

：

{this.state.data.map（obj=>{Object.keys（obj）[0]}}

使用

Object.keys（）

：

{this.state.data.map（obj=>{Object.keys（obj）[0]}}

您没有对要渲染的值进行插值。您必须将要计算的值放在花括号内，以便从您的状态/道具中呈现这些值。 虽然我假设您的示例是在匆忙中输入的，但这并不是这对您不起作用的原因。 要获取对象中定义的键，必须使用object.keys（），它返回包含所有键的字符串数组。然后，可以在生成的数组上循环，并在JSX视图中呈现它们

这里有一把小提琴供你参考：

let data=[{mykey1:23}，{mykey2:24}，{mykey3:34，mykey4:34}]；
返回data.map（（对象，索引）=>{
返回Object.keys（Object.map）（（key，index）=>{
返回（{key}）；
})
})

您没有对要渲染的值进行插值。您必须将要计算的值放在花括号内，以便从您的状态/道具中呈现这些值。 虽然我假设您的示例是在匆忙中输入的，但这并不是这对您不起作用的原因。 要获取对象中定义的键，必须使用object.keys（），它返回包含所有键的字符串数组。然后，可以在生成的数组上循环，并在JSX视图中呈现它们

这里有一把小提琴供你参考：

let data=[{mykey1:23}，{mykey2:24}，{mykey3:34，mykey4:34}]；
返回data.map（（对象，索引）=>{
返回Object.keys（Object.map）（（key，index）=>{
返回（{key}）；
})
})

您真正想要的是键名而不是值吗？（例如，

23

）是的，我想要密钥名可能的重复项密钥名是否真的是您想要的，而不是值？（例如，

23

）是的，我想要一个键名可能的重复项我相信它不是一个对象而是一个对象数组，因此它将返回数组索引

[“0”、“1”、“2”]

，而不是键值我相信它不是一个对象而是一个对象数组，因此它将返回数组索引

[“0”、“1”、“2”]

，而不是键值

 <div>mykey1</div>
 <div>mykey2</div>
 <div>mykey3</div>

{this.state.data.map(obj => <div>{Object.keys(obj)[0]}</div>)}

let data = [{mykey1:23},{mykey2:24},{mykey3:34, mykey4:34}];
return data.map((object, index) => {
    return Object.keys(object).map((key, index) => {
        return (<div>{key}</div>);
    })
})