在 React-Native 中访问 Json 对象数组答案

【问题标题】：Accessing Json Array of objects in React-Native在 React-Native 中访问 Json 对象数组
【发布时间】：2018-05-02 03:06:59
【问题描述】：

我可以使用 map as list.parcels 调用包裹，输出类似于

{parcelId: "12"}
{parcelId: "14"}
{parcelId: "15"}
{parcelId: "16"}
{parcelId: "17"}

但我只需要打印 parcelId 值，所以我尝试了 list.parcels.parcelId 并显示未定义。我需要单独打印 parcelId 的帮助。提前致谢。

Json 如下：

{
      "id": "7",
      "type": "history",
      "title": "History Parcel Delivery",
      "sender": "Paul",
      "price": "635.50",
      "parcels": [
        {
          "parcelId": "12"
        },
        {
          "parcelId": "14"
        },
        {
          "parcelId": "15"
        },
        {
          "parcelId": "16"
        },
        {
          "parcelId": "17"
        }
      ]
    }

【问题讨论】：

标签： json react-native

【解决方案1】：

由于 list.parcels 是一个数组，因此您必须使用索引来引用其中的对象。所以要引用数组中的第一项，您应该使用list.parcels[0].parcelId。这将打印“12”。所以要打印一个特定的 parcelId 使用：

list.parcels[i].parcelId

其中 i 的值介于 0 到比数组长度小 1 之间

如果您只需要您可以使用的 parcelId 列表

parcelIds = lists.parcels.map((parcel) => parcel.parcelId);

【讨论】：

谢谢。这回答了我的问题:-)
现在我得到了像 1214151617 这样的答案，有没有办法一个一个地打印数字，这样我就可以为每个包裹 ID 设置一个图标。输出如：Parcel Id : 12 (Icon) Parcel Id: 14 (Icon) 等等
我不是 100% 确定你的意思，但你可以做类似parcelIds = lists.parcels.map((parcel) => `${parcel.parcelId} (Icon)`);
谢谢，现在输出是 ParcelID: 1214151617 我需要像 ParcelID 一样输出：12 Parcel ID: 14 Parcel ID: 15 Parcel ID: 16 Parcel ID: 17 我的意思是一个接一个地打印值不是连续的
要做到这一点，为什么不使用 for 循环？

【解决方案2】：

我知道它很晚，但我希望它对其他人有帮助，如何在 React-Native 中访问 Json 对象数组

 {
    "name":"John",
    "age":30,
    "cars":[ "Ford", "BMW", "Fiat" ]
    }



var cardatafetch=[]
for (i in myObj.cars) {
  var dataa= myObj.cars[i];

//and for push the array data into array var,i declare it above the for loop you can declare any where 

 cardatafetch.push(dataa)

}
console.log(cardatafetch)

【讨论】：