Array manipulation/mapping returning undefined

Question

I'm trying to reorganise/restructure my data to send back to the api. I am mapping values into their respective new properties.

Incoming prop:

const data = [
  {
    otherProperty: "string",
    otherPropertyTwo: "string",
    personId: "1269",
    peopleGroups: [
      { group: "SENIORS", groupStatus: "paid" },
      { group: "Infants", groupStatus: "not_paid" }
    ]
  }
];

and need to restructure into this whilst not leaving in any other properties other than the ones below:

 const statusArrayUpdate = [{
     "personid": "1269",
     "groups": [
       {
         "group": "seniors",
         "status": "paid"
       },
    {
         "group": "Infants",
         "status": "not_paid"
       }
     ]
   }]

I tried this but getting undefined on the 2nd mapping, groups property...

const statusArrayUpdate = data.map(d => ({ ...d, personId: d.personId, groups: d.peopleGroups.map(s => [group: s.group, status: s.groupStatus]) }));

Can you fix data so it's a valid JS object?`

user5734311
– user5734311

2019-03-11 15:14:26 +00:00
Commented Mar 11, 2019 at 15:14 — user5734311
– user5734311, Commented Mar 11, 2019 at 15:14

Tholle · Accepted Answer · 2019-03-11 15:19:43Z

1

You can use map on your data array and just take the personId and rename the peopleGroups of each object, and rename groupStatus to status for each element in groups.

const data = [
  {
    otherProperty: "string",
    otherPropertyTwo: "string",
    personId: "1269",
    peopleGroups: [
      { group: "SENIORS", groupStatus: "paid" },
      { group: "Infants", groupStatus: "not_paid" }
    ]
  }
];

const statusArrayUpdate = data.map(({ personId, peopleGroups }) => ({
  personId,
  groups: peopleGroups.map(({ group, groupStatus }) => ({
    group,
    status: groupStatus
  }))
}));

console.log(statusArrayUpdate)

edited Mar 11, 2019 at 15:19

answered Mar 11, 2019 at 15:14

Tholle

113k22 gold badges209 silver badges198 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Array manipulation/mapping returning undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related