Array of object deep comparison with lodash

by

You can make use of differenceWith() with an isEqual() comparator, and invoke isEmpty to check if they are equal or not.

var isArrayEqual = function(x, y) {
  return _(x).differenceWith(y, _.isEqual).isEmpty();
};

var result1 = isArrayEqual(
  [{a:1, b:2}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

var result2 = isArrayEqual(
  [{a:1, b:2, c: 1}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

document.write([
  '<div><label>result1: ', result1, '</label></div>',
  '<div><label>result2: ', result2, '</label></div>',
].join(''));
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.11.2/lodash.js"></script>

UPDATE June 22, 2018

This update is in response to the comment below:

@ryeballar if any of the array is undefined it returns true. How would
you solve this. Thanks in advance buddy

As stated in the differenceWith documentation:

The order and references of result values are determined by the first
array.

This means that as long as all the items in the first array will match everything else in the second array, then the resulting array from the differenceWith invocation will be empty.

An alternative solution that truly solves the problem is to use xorWith() with the same chain of functions from the solution above.

var isArrayEqual = function(x, y) {
  return _(x).xorWith(y, _.isEqual).isEmpty();
};

var result1 = isArrayEqual(
  [{a:1, b:2}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

var result2 = isArrayEqual(
  [{a:1, b:2, c: 1}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}]
);

var result3 = isArrayEqual(
  [{a:1, b:2, c: 1}, {c:3, d:4}],
  [{b:2, a:1}, {d:4, c:3}, undefined]
);

console.log('result1:', result1);
console.log('result2:', result2);
console.log('result3:', result3);
.as-console-wrapper{min-height:100%;top:0}
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

More Related Contents:

  1. Comparing two arrays of objects, and exclude the elements who match values into new array in JS
  2. How do I check if an array includes a value in JavaScript?
  3. How can I check if an object is an array? [duplicate]
  4. Converting JavaScript object with numeric keys into array
  5. Why can I add named properties to an array as if it were an object?
  6. Are Javascript arrays primitives? Strings? Objects?
  7. How to map more than one property from an array of objects
  8. Find object by id in an array of JavaScript objects
  9. How to transpose a javascript object into a key/value array
  10. Sorting arrays numerically by object property value
  11. Create an empty object in JavaScript with {} or new Object()?
  12. Array Like Objects in Javascript
  13. Create object from array
  14. Length of a JavaScript associative array
  15. What’s the difference between “{}” and “[]” while declaring a JavaScript array?
  16. How to merge multiple array of object by ID in javascript?
  17. How to use lodash to find and return an object from Array?
  18. Filter array of objects whose any properties contains a value
  19. Merge Array of Objects by Property using Lodash
  20. Search array of objects for entry matching variable and check if it matches other fields
  21. How to merge each object within arrays by index?
  22. use Lodash to sort array of object by value
  23. Filter nested array in object array by array of values
  24. Lodash create collection from duplicate object keys
  25. How to convert array of key–value objects to array of objects with a single property?
  26. Using lodash to compare jagged arrays (items existence without order)
  27. How to get all keys with values from nested objects
  28. flattening the nested object in javascript
  29. Javascript: Sort array of arrays by second element in each inner array
  30. How can I remove an element from a list, with lodash?

Leave a Comment