Javascript reduce and map on nested array of objects

Question

i have an array of objects in

[
  {
    "country": "USA",
    "payment": [
      {
        "paymentType": "Visa",
        "count": 1000
      },
      {
        "paymentType": "MasterCard",
        "count": 1000
      }
    ]
  },
  {
    "country": "CANADA",
    "payment": [
      {
        "paymentType": "Visa",
        "count": 1000
      },
      {
        "paymentType": "MasterCard",
        "count": 1000
      }
    ]
  },
  {...}
]

I want to transform it into

[
["USA" , "VISA" , 10000 ], 
["USA","Mastercard",1000],
[countryName2, paymentType,count] , ...
]

Can someone help me>?

I tried doing :

const data2 = data.map(function(elem) {
  return [
    elem.country,
    elem.payment.map(b=> b.paymentType),
    elem.payment.map(c=>c.count),
  ]
})

but the output i get is not what i want, if someone could show how to do it,

Phil · Accepted Answer · 2022-03-31 23:55:54Z

3

You can do this with a nested map where each array entry is created by extracting data from payment prefixed with the outer country.

const data = [{"country":"USA","payment":[{"paymentType":"Visa","count":1000},{"paymentType":"MasterCard","count":1000}]},{"country":"CANADA","payment":[{"paymentType":"Visa","count":1000},{"paymentType":"MasterCard","count":1000}]}];

const data2 = data.flatMap(({ country, payment }) =>
  payment.map(({ paymentType, count }) => [
    country,
    paymentType,
    count
  ])
);

console.log(data2);

.as-console-wrapper { max-height: 100% !important; }

The flatMap() on the outer map removes the extra level of nesting created in the result.

edited Mar 31, 2022 at 23:55

answered Mar 31, 2022 at 23:53

Phil

166k25 gold badges265 silver badges269 bronze badges

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

Comments

Cpavrai · Accepted Answer · 2022-03-31 23:53:57Z

1

You can use flat Array function. Here:

const data2 = data
  .map(state => state.payment.map(statePayment => [state.country, statePayment.paymentType, statePayment.count]))
  .flat();

answered Mar 31, 2022 at 23:53

Cpavrai

562 bronze badges

Collectives™ on Stack Overflow

Javascript reduce and map on nested array of objects

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related