进行“Diff”操作在 javascript / jQuery 中的关联数组上？

Question

如果我有两个关联数组，对它们的值进行比较的最有效方法是什么？

例如，给定：

  array1 = {
    foreground: 'red',
    shape: 'circle',
    background: 'yellow'
  };

  array2 = {
    foreground: 'red',
    shape: 'square',
    angle: '90',
    background: 'yellow'
  };

我如何检查一个与另一个，这样缺少或附加的项目就是结果数组。在这种情况下，如果我想在 array2 中比较 array1，它将返回：

array3 = {shape: 'circle'}

而如果我在 array1 中比较 array2，它将返回：

array3 = {shape: 'square', angle: '90'}

提前感谢您的帮助！

Answer 1

试试这个：

function diff(obj1, obj2) {
    var result = {};
    $.each(obj1, function (key, value) {
        if (!obj2.hasOwnProperty(key) || obj2[key] !== obj1[key]) {
            result[key] = value;
        }
    });

    return result;
}

Answer 2

如果您熟悉 PHP 语法，请查看 http://phpjs.org/functions/index 其中包括几乎所有转换为 JavaScript 的 PHP 数组相关函数 - 包括 array_diff< /a>

Answer 3

RaYell 的解决方案很好，但不幸的是只会告诉你 obj2 中与 obj1 不同或不存在的项，如果我们需要知道两边，让我们获取所有键然后进行比较。以下函数将返回一个关联数组，其中包含每个对象的键值。哦...公平地说，我还没有测试过，但这应该有效。

var diff = function(obj1,obj2) {
  var newObj = $.extend({},obj1,obj2);
  var result = {};
  $.each(newObj, function (key, value) {
      if (!obj2.hasOwnProperty(key) || !obj1.hasOwnProperty(key) || obj2[key] !== obj1[key]) {
         result[key] = [obj1[key],obj2[key]];
      }
  });

  return result;
}

哦，虽然我确实认识到第一个解决方案回答了最初的问题，但我认为上述解决方案提供了另一种方法，初始用户可能会发现有用，以便不需要检查两次。

Answer 4

这可能比您需要的复杂得多，但您可以尝试我的 jsondiffpatch lib，它将区分任何一对 javascript 对象：

https://github.com/benjamine/jsondiffpatch

如果你想测试它，你可以在 http://benjamine.github.com/jsondiffpatch/demo/index.html

Answer 5

明哈榕阿西姆：

function diff(obj1, obj2){

var result = {};

for(var key1 in obj1){

    let resposta =  {
        before : obj1[key1] ? obj1[key1] : '',
        after  : obj2[key1] ? obj2[key1] : ''
    };

    if(resposta.before !== resposta.after){

        result[key1] = resposta;
    }
}

for(var key2 in obj2){

    if(!(key2 in result) || (key2 in obj1)){

        let resposta = {
            before : obj1[key2] ? obj1[key2] : '', 
            after  : obj2[key2] ? obj2[key2] : ''
        }

        if(resposta.before !== resposta.after){

            result[key2] = resposta;
        }
    }
}

return (Object.assign({}, result));
}