Benchmark: Lodash isEqual vs custom deepEquals for objects v0.0.2

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash.isequal/index.min.js"></script>
<script>
var deepEquals = (a, b) => 
    // if a and b are null/undefined/exactly the same
    a === b ||
    // if they are not strictly equal, they both need to be Objects
    (a instanceof Object &&
      b instanceof Object &&
      // they must have the exact same prototype chain, the closest we can do is test their constructor
      a.constructor === b.constructor &&
      // using Object.keys() as other properties were tested using a.constructor === b.constructor
      Object.keys(a).every(
        (key) =>
          // check key is defined (vs set as undefined) on both objects
          Object.hasOwn(b, key) &&
          // if defined on both, check respective values
          deepEquals(a[key], b[key]),
      ) &&
      Object.keys(b).every((key) => Object.hasOwn(a, key)));
</script>

Script Preparation code:

// 1 level deep
window.foo1 = { a: new Date("1 jan"), b: 2, c: { a: "1", b: 2, c: { a: 1, b: 2, c: true } } };
window.bar1 = { a: window.foo1.a, b: 3, c: { a: "1", b: 2, c: { a: 1, b: 2, c: true } } };

// 2 levels deep
window.foo2 = { a: new Date("2 jan"), b: 2, c: { a: "1", b: 2, c: { a: 1, b: 2, c: true } } };
window.bar2 = { a: window.foo2.a, b: 2, c: { a: "1", b: 3, c: { a: 1, b: 2, c: true } } };

// 3 levels deep
window.foo3 = { a: new Date("3 jan"), b: 2, c: { a: "1", b: 2, c: { a: 1, b: 2, c: true } } };
window.bar3 = { a: window.foo3.a, b: 2, c: { a: "1", b: 2, c: { a: 1, b: 4, c: true } } };

// 3 levels deep same
window.foo3s = { a: new Date("4 jan"), b: 2, c: { a: "1", b: 2, c: { a: 1, b: 2, c: true } } };
window.bar3s = { a: window.foo3s.a,    b: 2, c: { a: "1", b: 2, c: { a: 1, b: 2, c: true } } };

Tests:

_.isEqual Lx1
isEqual(window.foo1, window.bar1)
deepEquals Lx1
deepEquals(window.foo1, window.bar1);
_.isEqual Lx2
isEqual(window.foo2, window.bar2)
deepEquals Lx2
deepEquals(window.foo2, window.bar2);
_.isEqual Lx3
isEqual(window.foo3, window.bar3)
deepEquals Lx3
deepEquals(window.foo3, window.bar3);
_.isEqual Lx3same
if (!isEqual(window.foo3s, window.bar3s)) throw new Error('lo: not same')
deepEquals Lx3same
if (!deepEquals(window.foo3s, window.bar3s)) throw new Error('de: not same')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.isEqual Lx1
deepEquals Lx1
_.isEqual Lx2
deepEquals Lx2
_.isEqual Lx3
deepEquals Lx3
_.isEqual Lx3same
deepEquals Lx3same

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

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/102.0.5005.78 Safari/537.36

Browser/OS: Chrome 102 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
_.isEqual Lx1	474397.1 Ops/sec
deepEquals Lx1	714325.8 Ops/sec
_.isEqual Lx2	347435.9 Ops/sec
deepEquals Lx2	568649.6 Ops/sec
_.isEqual Lx3	273431.1 Ops/sec
deepEquals Lx3	496480.7 Ops/sec
_.isEqual Lx3same	255919.4 Ops/sec
deepEquals Lx3same	410267.3 Ops/sec

Lodash isEqual vs custom deepEquals for objects v0.0.2 (version: 1)

Comparing performance of: _.isEqual Lx1 vs deepEquals Lx1 vs _.isEqual Lx2 vs deepEquals Lx2 vs _.isEqual Lx3 vs deepEquals Lx3 vs _.isEqual Lx3same vs deepEquals Lx3same

Created: one year ago by: Registered User

Jump to the latest result

_.isEqual Lx1

deepEquals Lx1

_.isEqual Lx2

deepEquals Lx2

_.isEqual Lx3

deepEquals Lx3

_.isEqual Lx3same

deepEquals Lx3same

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A