function is(x, y) {

    if (x === y) {

        return x !== 0 || y !== 0 || 1 / x === 1 / y;

    }

    return x !== x && y !== y;

}

​

function shallowEqual(objA, objB) {

    if (is(objA, objB)) return true;

​

    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {

        return false;

    }

​

    const keysA = Object.keys(objA);

    const keysB = Object.keys(objB);

​

    if (keysA.length !== keysB.length) return false;

​

    for (let i = 0; i < keysA.length; i++) {

        if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {

            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 } } };