getting data from an array of objects inside array JSON data-CodePudding

I have trouble taking data from an API set. The body if viewed in Postman / Insomnia is as follows

{
   "responses": {
        "log": [
             {
                "id": 123,
                "date": "2022-01-01T01:12:12.000Z",
                "type": "online",
                "details": [{
                        "detailId": "123-1",
                        "note": "success",
                     }]
              },
              {
                "id": 124,
                "date": "2022-01-01T01:12:12.000Z",
                "type": "offline",
                "details": [{
                        "detailId": "123-2",
                        "note": "failed",
                     }]
              }
         ]
      }
}

I want to take all data from log, as well from details. I used

adapt(item: any) {
return {
   id: item.id,
   date: item.date,
   details: {
      detailId: item.details.detailId,
      note: item.details.note,
   },
};
}

this returns id and date just fine. I also have a query to filter it based on type (online or offline), basically adding &type= into the API. It works for the online, but it returns detailId is undefined for offline (I used the same body, adapter and API minus the query for both data)

CodePudding user response：

details is an array of object if you want to adapt it you need to do it iteratively.

adapt(item: any) {
const details = item.details.map(d => {detailId: d.id, note: d.note, …});
return {
   id: item.id,
   date: item.date,
   details
  };
}

CodePudding user response：

Found the answer, apparently to make sure that I can get every value is to add ? after the [0], so it should be

details: {
      detailId: item.details[0]?.detailId,
      note: item.details[0]?.note,
   },