Create new array using 2 arrays with Map function in Angular

Question

Is there an efficient way of creating a new array from 2 arrays?

var employees1 = [
{ id: 11, name: 'joe' },
{ id: 12, name: 'mike' },
{ id: 13, name: 'mary' },
{ id: 14, name: 'anne' }
];

var employees2 = [
{ id: 11, message: 'test1' },
{ id: 12, message: 'test2' },
{ id: 13, message: 'test3' },
{ id: 14, message: 'test4' }
];

Iterate employees1 array and get 'message' for matching id from employees2. Resulting in new array:

var employees3 = [
{ id: 11, name: 'joe', message: 'test1' },
{ id: 12, name: 'mike', message: 'test2' },
{ id: 13, name: 'mary', message: 'test3' },
{ id: 14, name: 'anne', message: 'test4' }
];

Is this possible using Map function? Or using a standard foreach suggested?

Nicholas K · Accepted Answer · 2020-11-14 09:47:47Z

1

Iterate over the first array, search for the element in the second array and finally push them to the new array as illustrated below:

var employees3 = [];

employees1.forEach(emp1 => {
  const findEmp = employees2.find(emp2 => emp2.id === emp1.id);
  if (findEmp) {
    employees3.push({
      ...emp1,
      ...findEmp
    });
  }
});

console.log(employees3);

edited Nov 14, 2020 at 9:47

answered Nov 14, 2020 at 7:26

Nicholas K

15.4k8 gold badges35 silver badges59 bronze badges

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

Comments

smtaha512 · Accepted Answer · 2020-11-14 17:27:53Z

1

You can use Array#map and Array#find to get the desired output. I am attaching a sample code:

var employees3 = employees1.map(emp => ({ 
  ...emp, 
  ...(employees2.find(item => item.id === emp.id) ?? {}) 
}))

answered Nov 14, 2020 at 17:27

smtaha512

4506 silver badges12 bronze badges

Collectives™ on Stack Overflow

Create new array using 2 arrays with Map function in Angular

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