Javascript 如何在对象数组中映射对象数据

在React项目中，我将获得API数据，其形式如下：

data: [
"_id": "123abc",
"pics": {
"pic1": "URL of pic1"
"pic2":"URL of pic2"
},
"_id": "234adc",
"pics": {
"pic1": "URL of pic1"
"pic2":"URL of pic2"
},
"_id": "678adc",
"pics": {
"pic1": "URL of pic1"
"pic2":"URL of pic2"
},
"_id": "990efg",
"pics": {
"pic1": "URL of pic1"
"pic2":"URL of pic2"
},

]

我想显示每个对象的pic1数据。我尝试了data.map（newData=>( ))

---

但是，图片未定义。最佳解决方案是什么？

对于您的情况，应该是：

const arrayPics1 = data.map(item => item.pics.pic1)

---

可能是复制/粘贴错误，但您的数据格式不正确。数组中的第一个元素

\u id

，没有任何嵌套的“pic”属性，但第二个元素有。这延续了每隔一个模式。请尝试包含一个您尝试的代码示例，并更详细地描述什么没有按预期工作。请参阅我上面的评论。这在第一个元素

上失败。“\u id”

没有

pics

属性，但这并不重要，因为数据格式不正确，代码也不会运行。您正在假定数据形状。