Run results for: Another lodash isEqual test

Run details:

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

Browser: Chrome 101

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
_.isEqual Level 1	797601.2 Ops/sec
JSON.stringify Level 1	549901.8 Ops/sec
_.isEqual Level 2	499181.1 Ops/sec
JSON.stringify Level 2	548574.8 Ops/sec
_.isEqual Level 3	372826.0 Ops/sec
JSON.stringify Level 3	548753.7 Ops/sec
isJSONEqual Level 1	869235.8 Ops/sec
isJSONEqual Level 2	498605.0 Ops/sec
isJSONEqual Level 3	353803.0 Ops/sec

HTML Preparation code:

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

Script Preparation code:

const __isArray = Array.isArray.bind(Array);
const __keys = Object.keys.bind(Object);

function isJSONEqual(o1, o2) {
  if (o1 === o2) return true;
  const o1Type = typeof o1;
  if (o1Type !== typeof o2) return false;
  if (o1Type !== 'object') return false;

  const isArrayO1 = __isArray(o1);
  if (isArrayO1 !== Array.isArray(o2)) return false;
  if (isArrayO1) {
    let i = o1.length;
    if (i !== o2.length) return false;

    while (i-- > 0) {
      if (!isJSONEqual(o1[i], o2[i])) return false;
    }
  } else {
    const keys = new Set();
    const keysAdd = keys.add.bind(keys);

    __keys(o1).forEach(keysAdd);
    __keys(o2).forEach(keysAdd);

    for (const key of keys) {
      if (!isJSONEqual(o1[key], o2[key])) return false;
    }
  }

  return true;
}


// 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:

_.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);
isJSONEqual Level 1
isJSONEqual(window.foo1, window.bar1)
isJSONEqual Level 2
isJSONEqual(window.foo2, window.bar2)
isJSONEqual Level 3
isJSONEqual(window.foo3, window.bar3)

Run results for: Another lodash isEqual test

Test on isEqual performance

_.isEqual Level 1

JSON.stringify Level 1

_.isEqual Level 2

JSON.stringify Level 2

_.isEqual Level 3

JSON.stringify Level 3

isJSONEqual Level 1

isJSONEqual Level 2

isJSONEqual Level 3