Benchmark: isDeepEqual vs isEqual

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script>
<script>
  
  function deepEquals(object1, object2, compareKeys) {
  let objKeys1 = Object.keys(object1);
  let objKeys2 = Object.keys(object2);

  if (compareKeys) {
    objKeys1 = objKeys1.filter(key => compareKeys.includes(key));
    objKeys2 = objKeys2.filter(key => compareKeys.includes(key));
  }

  if (objKeys1.length !== objKeys2.length) {
    return false;
  }

  for (const key of objKeys1) {
    const value1 = object1[key];
    const value2 = object2[key];

    const isObjects = isObjectOrArray(value1) && isObjectOrArray(value2);

    if ((isObjects && !deepEquals(value1, value2)) || (!isObjects && value1 !== value2)) {
      return false;
    }
  }
  return true;
}
  
  function isObjectOrArray(input) {
  	return input != null && typeof input === 'object';
  } 
</script>

Script Preparation code:

// 1 level deep
window.foo1 = { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } };
window.bar1 = { a: 1, b: 3, c: { a: 1, b: 2, c: { a: 1, b: 2 } } };

// 2 levels deep
window.foo2 = { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } };
window.bar2 = { a: 1, b: 2, c: { a: 1, b: 3, c: { a: 1, b: 2 } } };

// 3 levels deep
window.foo3 = { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } };
window.bar3 = { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 4 } } };

Tests:

isEqualLevel 1
_.isEqual(window.foo1, window.bar1)
deepEquals 1
deepEquals(window.foo1, window.bar1);
isEqualLevel 2
_.isEqual(window.foo2, window.bar2)
deepEquals 2
deepEquals(window.foo2, window.bar2);
isEquallevel 3
_.isEqual(window.foo3, window.bar3);
deepEquals 3
deepEquals(window.foo3, window.bar3);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
isEqualLevel 1
deepEquals 1
isEqualLevel 2
deepEquals 2
isEquallevel 3
deepEquals 3

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser/OS: Chrome 130 on Windows

View result in a separate tab

deepEquals 1

5.1M/s

deepEquals 2

4.1M/s

deepEquals 3

3.4M/s

isEqualLevel 1

2.1M/s

isEqualLevel 2

1.2M/s

isEquallevel 3

921K/s

View exact numbers

Test name	Executions per second
✓ deepEquals 1	5,075,648 Ops/sec
deepEquals 2	4,081,410 Ops/sec
deepEquals 3	3,407,464 Ops/sec
isEqualLevel 1	2,061,633 Ops/sec
isEqualLevel 2	1,182,962 Ops/sec
isEquallevel 3	920,560 Ops/sec

isDeepEqual vs isEqual (version: 1)

Comparing performance of: `isEqualLevel 1 vs deepEquals 1 vs isEqualLevel 2 vs deepEquals 2 vs isEquallevel 3 vs deepEquals 3`

Created: one year ago by: Guest

Go to the latest result

isEqualLevel 1

deepEquals 1

isEqualLevel 2

deepEquals 2

isEquallevel 3

deepEquals 3

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

isDeepEqual vs isEqual (version: 1)

Comparing performance of: isEqualLevel 1 vs deepEquals 1 vs isEqualLevel 2 vs deepEquals 2 vs isEquallevel 3 vs deepEquals 3

Created: one year ago by: Guest

Go to the latest result

isEqualLevel 1

deepEquals 1

isEqualLevel 2

deepEquals 2

isEquallevel 3

deepEquals 3

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `isEqualLevel 1 vs deepEquals 1 vs isEqualLevel 2 vs deepEquals 2 vs isEquallevel 3 vs deepEquals 3`