Run results for: lodash deepEqual vs fast-deep-equal v2

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:88.0) Gecko/20100101 Firefox/88.0

Browser: Firefox 88

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
_.isEqual Level 1	729582.6 Ops/sec
equal Level 1	724830.9 Ops/sec
_.isEqual Level 2	433672.9 Ops/sec
equal Level 2	758112.8 Ops/sec
_.isEqual Level 3	298862.5 Ops/sec
equal Level 3	774097.4 Ops/sec
_.isEqual Level 3 (array)	300716.2 Ops/sec
equal Level 3 (array)	842183.5 Ops/sec
_.isEqual Level 10 (array)	60804.1 Ops/sec
equal Level 10 (array)	292220.4 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

Script Preparation code:

function equal(a, b) {
  if (a === b) return true;

  if (a && b && typeof a == 'object' && typeof b == 'object') {
    if (a.constructor !== b.constructor) return false;

    var length, i, keys;
    if (Array.isArray(a)) {
      length = a.length;
      if (length != b.length) return false;
      for (i = length; i-- !== 0;)
        if (!equal(a[i], b[i])) return false;
      return true;
    }



    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();

    keys = Object.keys(a);
    length = keys.length;
    if (length !== Object.keys(b).length) return false;

    for (i = length; i-- !== 0;)
      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;

    for (i = length; i-- !== 0;) {
      var key = keys[i];

      if (key === '_owner' && a.$$typeof) {
        // React-specific: avoid traversing React elements' _owner.
        //  _owner contains circular references
        // and is not needed when comparing the actual elements (and not their owners)
        continue;
      }

      if (!equal(a[key], b[key])) return false;
    }

    return true;
  }

  // true if both NaN, false otherwise
  return a!==a && b!==b;
};

// 1 level deep
window.foo1 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };
window.bar1 = { a: 'test2', b: 3, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

// 2 levels deep
window.foo2 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };
window.bar2 = { a: 'test1', b: 2, c: { a: 'test2', b: 3, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

// 3 levels deep
window.foo3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };
window.bar3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test2', b: 4, c: ['a', 'b', 'c'] } } };

// 3 levels deep
window.foo3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };
window.bar3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test2', b: 4, c: ['a', 'b', 'c'] } } };

// 3 levels deep (array)
window.foo4 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };
window.bar4 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test2', b: 4, c: ['a', 'b', 'd'] } } };

// 10 levels deep (array)
window.foo5 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'] } } } } } } } } } };
window.bar5 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'e'] } } } } } } } } } };


console.log('Preparing...');
console.log('1 level deep: ', _.isEqual(window.foo1, window.bar1) === equal(window.foo1, window.bar1));
console.log('2 level deep: ', _.isEqual(window.foo2, window.bar2) === equal(window.foo2, window.bar2));
console.log('3 level deep: ', _.isEqual(window.foo3, window.bar3) === equal(window.foo3, window.bar3));
console.log('3 level deep (array): ', _.isEqual(window.foo4, window.bar4) === equal(window.foo4, window.bar4));
console.log('10 level deep (array): ', _.isEqual(window.foo5, window.bar5) === equal(window.foo5, window.bar5));

Tests:

_.isEqual Level 1
_.isEqual(window.foo1, window.bar1)
equal Level 1
equal(window.foo1, window.bar1)
_.isEqual Level 2
_.isEqual(window.foo2, window.bar2)
equal Level 2
equal(window.foo2, window.bar2)
_.isEqual Level 3
_.isEqual(window.foo3, window.bar3)
equal Level 3
equal(window.foo3, window.bar3)
_.isEqual Level 3 (array)
_.isEqual(window.foo4, window.bar4)
equal Level 3 (array)
equal(window.foo4, window.bar4)
_.isEqual Level 10 (array)
_.isEqual(window.foo5, window.bar5)
equal Level 10 (array)
equal(window.foo5, window.bar5)

Run results for: lodash deepEqual vs fast-deep-equal v2

lodash deepEqual vs fast-deep-equal

_.isEqual Level 1

equal Level 1

_.isEqual Level 2

equal Level 2

_.isEqual Level 3

equal Level 3

_.isEqual Level 3 (array)

equal Level 3 (array)

_.isEqual Level 10 (array)

equal Level 10 (array)