function equal(a, b) {

  if (a === b) return true;

​

  if (a && b && typeof a == 'object' && typeof b == 'object') {

    if (a.constructor !== b.constructor) return false;

​

    var length, i, keys;

    if (Array.isArray(a)) {

      length = a.length;

      if (length != b.length) return false;

      for (i = length; i-- !== 0;)

        if (!equal(a[i], b[i])) return false;

      return true;

    }

​

​

​

    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;

    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();

    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();

​

    keys = Object.keys(a);

    length = keys.length;

    if (length !== Object.keys(b).length) return false;

​

    for (i = length; i-- !== 0;)

      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;

​

    for (i = length; i-- !== 0;) {

      var key = keys[i];

​

      if (key === '_owner' && a.$$typeof) {

        // React-specific: avoid traversing React elements' _owner.

        //  _owner contains circular references

        // and is not needed when comparing the actual elements (and not their owners)

        continue;

      }

​

      if (!equal(a[key], b[key])) return false;

    }

​

    return true;

  }

​

  // true if both NaN, false otherwise

  return a!==a && b!==b;

};

​

// 1 level deep

window.foo1 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

window.bar1 = { a: 'test2', b: 3, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

​

// 2 levels deep

window.foo2 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

window.bar2 = { a: 'test1', b: 2, c: { a: 'test2', b: 3, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

​

// 3 levels deep

window.foo3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

window.bar3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test2', b: 4, c: ['a', 'b', 'c'] } } };

​

// 3 levels deep

window.foo3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

window.bar3 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test2', b: 4, c: ['a', 'b', 'c'] } } };

​

// 3 levels deep (array)

window.foo4 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'] } } };

window.bar4 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test2', b: 4, c: ['a', 'b', 'd'] } } };

​

// 10 levels deep (array)

window.foo5 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'] } } } } } } } } } };

window.bar5 = { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: { a: 'test1', b: 2, c: ['a', 'b', 'c'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'd'], d: { a: 'test1', b: 4, c: ['a', 'b', 'e'] } } } } } } } } } };

​

​

console.log('Preparing...');

console.log('1 level deep: ', _.isEqual(window.foo1, window.bar1) === equal(window.foo1, window.bar1));

console.log('2 level deep: ', _.isEqual(window.foo2, window.bar2) === equal(window.foo2, window.bar2));

console.log('3 level deep: ', _.isEqual(window.foo3, window.bar3) === equal(window.foo3, window.bar3));

console.log('3 level deep (array): ', _.isEqual(window.foo4, window.bar4) === equal(window.foo4, window.bar4));

console.log('10 level deep (array): ', _.isEqual(window.foo5, window.bar5) === equal(window.foo5, window.bar5));

​