I am facing a challenge with two arrays:
Array One
[
{ name: 'apple', color: 'red' },
{ name: 'banana', color: 'yellow' },
{ name: 'orange', color: 'orange' }
]
Array Two
[
{ name: 'apple', color: 'red' },
{ name: 'banana', color: 'yellow' },
{ name: 'grape', color: 'purple' },
{ name: 'kiwi', color: 'green' },
{ name: 'orange', color: 'orange' }
]
I want to compare both arrays and eliminate duplicate objects from the second array like this:
[
{ name: 'grape', color: 'purple' },
{ name: 'kiwi', color: 'green' }
]
I attempted using ES6 by running this code:
const result = arrayTwo.filter((obj) => {
return !arrayOne.includes(obj);
});
However, the result is turning out as:
[
{ name: 'apple', color: 'red' },
{ name: 'banana', color: 'yellow' },
{ name: 'grape', color: 'purple' },
{ name: 'kiwi', color: 'green' },
{ name: 'orange', color: 'orange' }
]
I need guidance on what I am doing wrong and the best way to achieve this. In actual scenarios, both arrays contain over 10000 items.
I am not aiming for identical matches; instead, I only want to remove duplicates.
Thank you :)