Benchmark: Lodash isEqual test (slightly bigger test data + custom tailored comparison function)

Lodash isEqual test (slightly bigger test data + custom tailored comparison function) (version: 0)

Test on isEqual performance

Comparing performance of: _.isEqual Level 1 vs JSON.stringify Level 1 vs _.isEqual Level 2 vs JSON.stringify Level 2 vs _.isEqual Level 3 vs JSON.stringify Level 3 vs optimizedDeepEqual level 1 vs optimizedDeepEqual level 2 vs optimizedDeepEqual level 3

Created: 2 months ago by: Guest

Jump to the latest result

HTML Preparation code:

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

Script Preparation code:

function optimizedDeepEqual(foo, bar) {
  // First level of comparison (compare properties a, b, and c directly)
  if (foo.a !== bar.a || foo.b !== bar.b) return false;

  // Now compare the second level (foo.c and bar.c exist and are objects)
  const fooC = foo.c, barC = bar.c;
  if (typeof fooC !== 'object' || typeof barC !== 'object') return false;
  if (fooC.a !== barC.a || fooC.b !== barC.b) return false;

  // Compare the third level (foo.c.c and bar.c.c exist and are objects)
  const fooCC = fooC.c, barCC = barC.c;
  if (typeof fooCC !== 'object' || typeof barCC !== 'object') return false;
  if (fooCC.a !== barCC.a || fooCC.b !== barCC.b) return false;

  // We are now 3 levels deep, so if we got here without returning false, return true
  return true;
}
window.optimizedDeepEqual = optimizedDeepEqual;

// 1 level deep
window.foo1 = {
  a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } },
  d: 3, e: 4, f: 5, g: 6, h: 7, i: 8, j: 9,
  k: { a: 10, b: 11 }, l: { a: 12, b: 13 }, m: { a: 14, b: 15 }
};

window.bar1 = {
  a: 1, b: 3, c: { a: 1, b: 2, c: { a: 1, b: 2 } }, // <-- 1 level deep difference (b: 3 vs b: 2)
  d: 3, e: 4, f: 5, g: 6, h: 7, i: 8, j: 9,
  k: { a: 10, b: 11 }, l: { a: 12, b: 13 }, m: { a: 14, b: 15 }
};

// 2 levels deep
window.foo2 = {
  a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2, d: 3, e: 4 } },
  d: { a: 5, b: 6, c: { a: 7, b: 8, c: 9 } },
  e: { a: 10, b: 11, c: { a: 12, b: 13, c: 14 } },
  f: { a: 15, b: 16, c: { a: 17, b: 18, c: 19 } }
};

window.bar2 = {
  a: 1, b: 2, c: { a: 1, b: 3, c: { a: 1, b: 2, d: 3, e: 4 } }, // <-- 2 levels deep difference (b: 3 vs b: 2)
  d: { a: 5, b: 6, c: { a: 7, b: 8, c: 9 } },
  e: { a: 10, b: 11, c: { a: 12, b: 13, c: 14 } },
  f: { a: 15, b: 16, c: { a: 17, b: 18, c: 19 } }
};

// 3 levels deep
window.foo3 = {
  a: 1, b: 2, c: {
    a: 1, b: 2, c: {
      a: 1, b: 2, c: { a: 3, b: 4, c: 5 },
      d: { a: 6, b: 7, c: 8, d: 9 },
      e: { a: 10, b: 11, c: 12, d: 13 }
    }
  },
  d: { a: 14, b: 15, c: { a: 16, b: 17, c: 18 } },
  e: { a: 19, b: 20, c: { a: 21, b: 22, c: 23 } }
};

window.bar3 = {
  a: 1, b: 2, c: {
    a: 1, b: 2, c: {
      a: 1, b: 2, c: { a: 3, b: 4, c: 5 },
      d: { a: 6, b: 7, c: 8, d: 9 },
      e: { a: 10, b: 11, c: 12, d: 13 }
    }
  },
  d: { a: 14, b: 15, c: { a: 16, b: 17, c: 24 } }, // <-- 3 levels deep difference (c: 24 vs c: 23)
  e: { a: 19, b: 20, c: { a: 21, b: 22, c: 23 } }
};

Tests:

_.isEqual Level 1
_.isEqual(window.foo1, window.bar1)
JSON.stringify Level 1
JSON.stringify(window.foo1) === JSON.stringify(window.bar1);
_.isEqual Level 2
_.isEqual(window.foo2, window.bar2)
JSON.stringify Level 2
JSON.stringify(window.foo2) === JSON.stringify(window.bar2);
_.isEqual Level 3
_.isEqual(window.foo3, window.bar3)
JSON.stringify Level 3
JSON.stringify(window.foo3) === JSON.stringify(window.bar3);
optimizedDeepEqual level 1
window.optimizedDeepEqual(window.foo1, window.bar1);
optimizedDeepEqual level 2
window.optimizedDeepEqual(window.foo2, window.bar2);
optimizedDeepEqual level 3
window.optimizedDeepEqual(window.foo3, window.bar3);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.isEqual Level 1
JSON.stringify Level 1
_.isEqual Level 2
JSON.stringify Level 2
_.isEqual Level 3
JSON.stringify Level 3
optimizedDeepEqual level 1
optimizedDeepEqual level 2
optimizedDeepEqual level 3

Lodash isEqual test (slightly bigger test data + custom tailored comparison function) (version: 0)

Test on isEqual performance

Comparing performance of: _.isEqual Level 1 vs JSON.stringify Level 1 vs _.isEqual Level 2 vs JSON.stringify Level 2 vs _.isEqual Level 3 vs JSON.stringify Level 3 vs optimizedDeepEqual level 1 vs optimizedDeepEqual level 2 vs optimizedDeepEqual level 3

Created: 2 months ago by: Guest

Jump to the latest result

_.isEqual Level 1

JSON.stringify Level 1

_.isEqual Level 2

JSON.stringify Level 2

_.isEqual Level 3

JSON.stringify Level 3

optimizedDeepEqual level 1

optimizedDeepEqual level 2

optimizedDeepEqual level 3

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results