Run results for: Lodash isEqual vs custom deepEquals for objects v0.0.2

Run details:

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: Chrome 102

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
_.isEqual Level 1	517779.7 Ops/sec
deepEquals Level 1	1051987.0 Ops/sec
_.isEqual Level 2	352219.1 Ops/sec
deepEquals Level 2	1097523.4 Ops/sec
_.isEqual Level 3	280774.1 Ops/sec
deepEquals Level 3	570875.1 Ops/sec

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')

Run results for: Lodash isEqual vs custom deepEquals for objects v0.0.2

_.isEqual Lx1

deepEquals Lx1

_.isEqual Lx2

deepEquals Lx2

_.isEqual Lx3

deepEquals Lx3

_.isEqual Lx3same

deepEquals Lx3same