Syntax error Filter an array containing objects based on another array containing objects in JavaScript

Filter an array containing objects based on another array containing objects in JavaScript

Suppose we have two arrays of objects like these −

const arr1 = [{id:'1',name:'A'},{id:'2',name:'B'},{id:'3',name:'C'},{id:'4',name:'D'}];
const arr2 = [{id:'1',name:'A',state:'healthy'},{id:'3',name:'C',state:'healthy'}];

We are required to write a JavaScript function that takes in two such arrays. Our function should return a new filtered version of the first array (arr1 in this case) that contains only those objects with a name property that are not contained in the second array (arr2 in this case) with the same name property.

Therefore, the output, in this case, should look like −

const output = [{id:'2',name:'B'},{id:'4',name:'D'}];

Example

The code for this will be −

const arr1 = [{id:'1',name:'A'},{id:'2',name:'B'},{id:'3',name:'C'},{id:'4',name:'D'}];
const arr2 = [{id:'1',name:'A',state:'healthy'},{id:'3',name:'C',state:'healthy'}];
const filterByReference = (arr1, arr2) => {
   let res = [];
   res = arr1.filter(el => {
      return !arr2.find(element => {
         return element.id === el.id;
      });
   });
   return res;
}
console.log(filterByReference(arr1, arr2));

Output

And the output in the console will be −

[ { id: '2', name: 'B' }, { id: '4', name: 'D' } ]
Updated on: 2020-11-20T10:36:43+05:30

13K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements