需要比较相同类型的对象才能知道javascript中的差异

Question

我需要比较对象以了解更改了哪些属性以及添加了哪些新属性。 是否有任何代码片段将循环遍历整个对象及其属性，并在存在任何更改时发出警报，并继续其过程直到结束。

考虑我需要比较 extjs 中的 gridpanel(object) 在其父面板的显示和隐藏事件之前和之后。

提前致谢

Answer 1

如果您只是想检查同一类的两个对象是否不同：

function differ(a, b) {
  for (var i in a) {
    if (a.hasOwnProperty(i) && b.hasOwnProperty(i) && a[i] === b[i]) {
      return true;
    }
  }
  return false;
}

a = {foo: 1, bar: 2};
b = {bar: 2};

alert( differ(a, b) ? "Objects differ" : "Objects are the same" );

如果这不是您想要的，请更详细地解释您的问题。

Answer 2

当我向数组添加对象时，我遇到了类似的问题。我想确保同一个对象不会添加两次。

我找到了 ExtJS 的辅助函数，它实现了一个根据对象包含的值来比较对象的函数：

https: //github.com/nmishra/helpers.js

然后可以像这样使用：

var obj1 = {foo: 'bar'},
    obj2 = {foo: 'bar'},
    equality = Ext.ux.util.Object.compareObject(obj1, obj2);
console.log(equality);