Benchmark: lodash deepEqual vs fast-deep-equal v2

lodash deepEqual vs fast-deep-equal v2 (version: 1)

lodash deepEqual vs fast-deep-equal

Comparing performance of: `_.isEqual Level 1 vs equal Level 1 vs _.isEqual Level 2 vs equal Level 2 vs _.isEqual Level 3 vs equal Level 3 vs _.isEqual Level 3 (array) vs equal Level 3 (array) vs _.isEqual Level 10 (array) vs equal Level 10 (array)`

Created: 5 years ago by: Registered User

Go to the latest result

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)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.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)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Browser/OS: Chrome 134 on Mac OS X 10.15.7

View result in a separate tab

equal Level 3 (array)

6.2M/s

equal Level 3

5.3M/s

equal Level 2

4.6M/s

equal Level 1

4.0M/s

_.isEqual Level 1

3.4M/s

equal Level 10 (array)

1.8M/s

_.isEqual Level 2

1.7M/s

_.isEqual Level 3 (array)

1.1M/s

_.isEqual Level 3