How to merge multiple objects based on dynamic data using Javascript

Question

variable array has multiple objects so i want to merge objects based on repeated id and other values will assign into offer objects how to do that ?.. Thanks in advance

var array = [
   {
      id:1,
      shopname:'star salon',
      offid: 12,
      offname:'100% discount'
   },
   {
      id:1,
      shopname:'star salon',
      offid: 16,
      offname:'Billing Value discount'
   },
   {
      id:3,
      shopname:'trend beauty',
      offid: 19,
      offname:'Percentage Offer'
   }

 ]

And finally out put is given below:

  var result = [
  {
    id:1,
    shopname:'star salon',
    offer : [
      {
        offid: 12,
        offname:'100% discount'
      },
      {
        offid: 16,
        offname:'Billing Value discount'
      }
    ]
  },

  {
    id:3,
    shopname:'trend beauty',
    offer : [
       {
          offid: 19,
          offname:'Percentage Offer'
       }
    ]
  }

 ]

It would be a lot easier if you immediately started off with an array of offers (even if only one). Is that possible? — Andrew
– Andrew, Commented Nov 21, 2017 at 21:24

trincot · Accepted Answer · 2017-11-21 21:28:59Z

2

You can use this code, which collects the items in a plain object, keyed by id, and then extracts the values from it:

var array = [{id:1,shopname:'star salon',offid: 12,offname:'100% discount'},{id:1,shopname:'star salon',offid: 16,offname:'Billing Value discount'},{id:3,shopname:'trend beauty',offid: 19,offname:'Percentage Offer'}];

var result = Object.values(array.reduce( (acc, {id, shopname, offid, offname}) => {
    acc[id] = acc[id] || { id, shopname, offer: [] };
    acc[id].offer.push({ offid, offname });
    return acc;
}, {}));

console.log(result);

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

edited Nov 21, 2017 at 21:28

answered Nov 21, 2017 at 21:27

trincot

357k38 gold badges282 silver badges339 bronze badges

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

Collectives™ on Stack Overflow

How to merge multiple objects based on dynamic data using Javascript

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