Matches object properties based on function

OSCC · JavaScript, Object · Oct 21, 2020

Compares two objects to determine if the first one contains equivalent property values to the second one, based on a provided function.

  • Use Object.keys() to get all the keys of the second object.
  • Use Array.prototype.every(), Object.prototype.hasOwnProperty() and the provided function to determine if all keys exist in the first object and have equivalent values.
  • If no function is provided, the values will be compared using the equality operator.
const matchesWith = (obj, source, fn) =>
  Object.keys(source).every(key =>
    obj.hasOwnProperty(key) && fn
      ? fn(obj[key], source[key], key, obj, source)
      : obj[key] == source[key]
  );
const isGreeting = val => /^h(?:i|ello)$/.test(val);
matchesWith(
  { greeting: 'hello' },
  { greeting: 'hi' },
  (oV, sV) => isGreeting(oV) && isGreeting(sV)
); // true

Recommended snippets & collections

  • JavaScript Comparison

    Snippet collection

    Comparing values in JavaScript is one of the most common tasks, yet it has a lot of things you should bear in mind.

  • Match object properties

    JavaScript, Object

    Compares two objects to determine if the first one contains equivalent property values to the second one.

  • Check object equality

    JavaScript, Object

    Performs a deep comparison between two values to determine if they are equivalent.

  • Omits the key-value pairs corresponding to the keys of the object for which the given function returns falsy.