How to get the difference between two arrays of objects in JavaScript

by

Using only native JS, something like this will work:

const a = [{ value:"0", display:"Jamsheer" }, { value:"1", display:"Muhammed" }, { value:"2", display:"Ravi" }, { value:"3", display:"Ajmal" }, { value:"4", display:"Ryan" }];
const b = [{ value:"0", display:"Jamsheer", $$hashKey:"008" }, { value:"1", display:"Muhammed", $$hashKey:"009" }, { value:"2", display:"Ravi", $$hashKey:"00A" }, { value:"3", display:"Ajmal", $$hashKey:"00B" }];

// A comparer used to determine if two entries are equal.
const isSameUser = (a, b) => a.value === b.value && a.display === b.display;

// Get items that only occur in the left array,
// using the compareFunction to determine equality.
const onlyInLeft = (left, right, compareFunction) => 
  left.filter(leftValue =>
    !right.some(rightValue => 
      compareFunction(leftValue, rightValue)));

const onlyInA = onlyInLeft(a, b, isSameUser);
const onlyInB = onlyInLeft(b, a, isSameUser);

const result = [...onlyInA, ...onlyInB];

console.log(result);

More Related Contents:

  1. How to remove all duplicates from an array of objects?
  2. Converting a JS object to an array using jQuery
  3. Remove array element based on object property
  4. Most efficient way to convert an HTMLCollection to an Array
  5. Sort array of objects by single key with date value
  6. How to add an object to an array
  7. Merge multiple objects inside the same array into one object [duplicate]
  8. Find and remove objects in an array based on a key value in JavaScript
  9. How can I get the index of an object by its property in JavaScript?
  10. Why Array.indexOf doesn’t find identical looking objects
  11. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  12. Why do empty JavaScript arrays evaluate to true in conditional structures?
  13. Create an empty object in JavaScript with {} or new Object()?
  14. How do I remove an object from an array with JavaScript? [duplicate]
  15. Perform .join on value in array of objects
  16. Create a reset of javascript Array prototype when Array.prototype has been modified?
  17. break array of objects into separate arrays based on a property
  18. Deep comparison of objects/arrays [duplicate]
  19. Group by, and sum, and generate an object for each array in JavaScript
  20. Uncaught TypeError: Object.values is not a function JavaScript
  21. JavaScript: Remove duplicates of objects sharing same property value
  22. Filtering array of objects by searching nested object properties
  23. traversing through JSON string to inner levels using recursive function
  24. Javascript pushing objects into array changes entire array
  25. Combining two arrays to form a javascript object
  26. How to group an array of objects based on multiple keys in Javascript?
  27. Best way to flatten JS object (keys and values) to a single depth array
  28. Difference between ( for… in ) and ( for… of ) statements?
  29. Find object having maximum value for the `id` property in an array of objects
  30. How can I remove an element from a list, with lodash?

Leave a Comment