Run results for: Lodash isEqual test (slightly bigger test data)

Run details:

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

Browser: Chrome 129

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

_.isEqual Level 1

1.7M/s

_.isEqual Level 2

1.3M/s

JSON.stringify Level 1

891K/s

JSON.stringify Level 2

787K/s

JSON.stringify Level 3

702K/s

_.isEqual Level 3

387K/s

View exact numbers

Test name	Executions per second
✓ _.isEqual Level 1	1,664,459 Ops/sec
_.isEqual Level 2	1,341,350 Ops/sec
JSON.stringify Level 1	890,844 Ops/sec
JSON.stringify Level 2	786,805 Ops/sec
JSON.stringify Level 3	701,741 Ops/sec
_.isEqual Level 3	387,306 Ops/sec

HTML Preparation code:

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

Script Preparation code:

// 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);