比较 2 个嵌套 JSON 并突出显示它们的差异 Javascript

Question

我正在处理需要比较 2 个 JSON 对象的要求。比较 JSON 1 和 JSON 2 应该使得结果 JSON 应该是 JSON1 键并且值应该从 JSON2 中获取。只能为具有不同值的相同键更改值。另外，我只需要突出显示结果中的更改值。这是我能够比较并获得 JSON 结果的代码，我只坚持突出显示更改的值。我可以知道我哪里出错或缺少什么吗？

  var compareJSON = function(obj1, obj2) { 
  var ret = {}; 
  for(var i in obj2) { 
    if(!obj1.hasOwnProperty(i) || obj2[i] !== obj1[i]) { 
      ret[i] = obj2[i]; 
    } 
  } 
  return ret; 
}; 

//JSON 1

var a = {
  "name": [
    "complex"
  ],
  "dfts": [
    {
      "valuec": {
        "valuesid": "1232"
      },
      "ids": {
        "idp": "chanellp"
      }
    }
  ],
  "container": {
    "contid": "na",
    "dpvalueus": {
      "ftsme": "na"
    },
    "attributes": {
      "channelpo": "na"
    },
    "item": [
      {
        "contid": {
          "stjsk": "wher"
        },
        "quantity": "na",
        "dpvalue": {
          "valuers": "na"
        }
      }
    ]
  }
  
};

//JSON 2

var b = {
  "name": [
    "simple"
  ],
  "dfts": [
    {
      "valuec": {
        "valuesid": "75756754"
      },
      "ids": {
        "idp": "where"
        
      }
    }
  ],
  "container": {
    "contid": "360",
    "dpvalueus": {
      "ftsme": "100"      
    },
    "attributes": {
      "channelpo": "usual"
    },
    "item": [
      {
        "contid": {
          "stjsk": "stkh"
        },
        "quantity": "1",
        "dpvalue": {
          "valuers": "wholesome"
        }
      }
    ]
  }
  
};

console.log(compareJSON(a, b));

结果可以在控制台看到。

Answer 1

我会在此处添加您缺少的功能（突出显示差异）：

改变

if(!obj1.hasOwnProperty(i) || obj2[i] !== obj1[i]) { 
  ret[i] = obj2[i]; 
} 

收件人：

  if(!obj1.hasOwnProperty(i)) { 
    ret[i] = obj2[i]; 
    continue;
  } 

  if( obj2[i] !== obj1[i] ) 
    {
     obj2[i]->diffent = true;
     ret[i] = obj2[i];
     continue;
    }


    ret[i] = obj2[i];