由于angular定义的构造函数，Lodash-isEqual失败

Question

我使用Lodash_.isEqual将本地javascript对象与通过angular$get检索的另一个javascript对象进行深度比较。

这个代码表示对象不同：

$get({...}, function (data) {
  cleanupAngularProps(data);
  if (_.isEqual(data, {name: 'Someone'}) {
    ...
  }
});

但有点懊恼的是，它现在说他们是平等的（正如预期的那样）：

$get({...}, function (data) {
  cleanupAngularProps(data);
  if (_.isEqual(JSON.parse(JSON.stringify(data)), {name: 'Someone'}) {
    ...
  }
});

我调试到Lodash代码中，它似乎失败了，因为两个对象都有不同的构造函数。

如何在不克隆数据的情况下解决此问题？

Answer 1

我知道这个问题已经三年了，但我找到了一个我认为更容易接受的答案。简单地排除两个对象之间的原型比较：

var result = _.isEqual(
  _.omit(data, ['__proto__']),
  _.omit({name: 'Someone'}, ['__proto__'])
);

Answer 2

我不确定这是否是一个好的实践，但我通过重置原型和构造函数来解决它。

$get({...}, function (data) {
  cleanupAngularProps(data);
  data.__proto__ = Object.prototype;
  if (_.isEqual(data, {name: 'Someone'}) {
    ...
  }
});

Answer 3

如果您需要深入比较并忽略构造函数，那么您可以使用以下代码：

const customizer = (a: any, b: any, key: any) => {
            if (_.isObject(a) && _.isObject(b)) {
                // @ts-ignore
                const aProto = a.__proto__.constructor.name
                // @ts-ignore
                const bProto = b.__proto__.constructor.name
                if (aProto != bProto) {
                    return _.isEqualWith(_.omit(a, ['__proto__']), _.omit(b, ['__proto__']), customizer)
                }
            }
            return undefined
        }
_.isEqualWith({foo:1}, {foo:1}, customizer)