Merge array of objects by same key in angular

Question

I got below array of object from response

[{
"pagination":
  {
    "count": 1
  },
"products": [
  {
    "createdBy": "user1",
    "status": 1,
  }
 ]
},
{
"pagination": {
  "count": 3
},
"products": [
  {
    "createdBy": "user2",
    "status": 2,
  },
  {
    "createdBy": "user3",
    "status": 3,
  }
  ]
}
}
]

I want to merge objects of array by keys - products and pagination. I want my final output to be like in below format

{
 "products": [
  {
   "createdBy": "user1",
   "status": 1,
   },
 {
   "createdBy": "user2",
    "status": 2,
  },
 {
   "createdBy": "user3",
   "status": 3,
 }
]
}

Kindly help how to achieve this

Chellappan வ · Accepted Answer · 2022-03-11 17:32:07Z

Use reduce

const array = [
    {
        "pagination": {
            "count": 1
        },
        "products": [
            {
                "createdBy": "user1",
                "status": 1
            }
        ]
    },
    {
        "pagination": {
            "count": 3
        },
        "products": [
            {
                "createdBy": "user2",
                "status": 2
            },
            {
                "createdBy": "user3",
                "status": 3
            }
        ]
    }
]

const result = array.reduce((tempArray,res)=>{
tempArray.push(...res.products)
    return tempArray;
},[]);

console.log(result);

Arpit · Accepted Answer · 2022-03-11 17:33:19Z

0

You can try this out (where arr is your input array)

function getProducts() {
const newArr = arr.map(el => {
    return el.products;
})  
return {
  products: newArr.flat()
}
}

getProducts();

answered Mar 11, 2022 at 17:33

Arpit

5394 gold badges8 silver badges22 bronze badges

Collectives™ on Stack Overflow

Merge array of objects by same key in angular

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related