merge Map and Array of objects by key

Question

I Have next map:

 const filter = new Map();

  filter.set('a1', {
    Day: 55,
    Type: 1,
  });

  filter.set('a2', {
    Day: 2,
    Type: 3,
  });

And next Array:

Data = [
    {
      points: 1,
      event: 'a1',
    },
    {
      points: 2,
      event: 'a2',
    },
  ]

I am new in JS, so it is not clear for me, how I can merge these by event parameter? Expected output should be Map:

   result = ['a1',
    {
      points: 1,
      Day: 55,
      Type: 1,
    }],
    ['a2',
    {
      points: 2,
      Day: 2,
      Type: 3,
    }],

Try to do it yourself: loop through result using forEach, get event value, if filter has that value by key, get that and set points out of list item, 4-5 lines of code — Dmitri Algazin
– Dmitri Algazin, Commented Jul 22, 2020 at 10:26

Ashish Kamble · Accepted Answer · 2020-07-22 15:47:53Z

3

you don't need reduce here. better use map with es6 spread ... operator for merging,

const filter = new Map();

filter.set('a1', {
  Day: 55,
  Type: 1,
});

filter.set('a2', {
  Day: 2,
  Type: 3,
});

const Data = [{
    points: 1,
    event: 'a1',
  },
  {
    points: 2,
    event: 'a2',
  },
]

const result = Data.map(o => [o.event, {
  points: o.points,
  ...filter.get(o.event)
}]);

console.log(result);

edited Jul 22, 2020 at 15:47

Ashish Kamble

2,8254 gold badges23 silver badges30 bronze badges

answered Jul 22, 2020 at 10:27

Thomas

12.8k1 gold badge16 silver badges31 bronze badges

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

Comments

goto · Accepted Answer · 2020-07-22 10:32:33Z

You could do something like the following:

const filter = new Map();

filter.set("a1", {
  Day: 55,
  Type: 1
});
filter.set("a2", {
  Day: 2,
  Type: 3
});

const data = [
  { points: 1, event: "a1" },
  { points: 2, event: "a2" }
];

const final = data.reduce((accumulator, item) => {
  // use destructing assignment to unpack values from the object
  const { event, points } = item;
  
  // get the appropriate event from the `filter` map by its event id
  const details = filter.get(event);

  // return a new array with the existing elements in `accumulator`
  // by using the `spread syntax` and append a new item/array
  // that has the `event` id in the first place, and an object
  // with the rest of the details in second place
  return [
    ...accumulator,
    [
      event,
      {
        points,
        ...details
      }
    ]
  ];
  // start with an empty array
}, []);

console.log(final);

References:

Collectives™ on Stack Overflow

merge Map and Array of objects by key

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related