获取具有不同值的对象答案

【问题标题】：Get object with differing values获取具有不同值的对象
【发布时间】：2015-07-07 04:36:02
【问题描述】：

我想从两个给定的对象 A 和 B 生成一个对象，其中 B 中的值与 A 不同。我们可以假设所有字段都存在于 A 和 B 中。

示例：给定以下两个对象：

一个

{
    "firstName": "John",
    "lastName": "Doe",
    "nickname": "Johnny",
    "location": {
        "latitude": 1.0,
        "longitude": 1.0
    },
    "email": "john.doe@company.com"
}

{
    "firstName": "John",
    "lastName": "Doe",
    "nickname": "John-Boy",
    "location": {
        "latitude": 1.0,
        "longitude": 2.0
    },
    "email": "john.doe@company.com"
}

由于昵称和位置已更改，我希望结果为：

{
    "nickname": "John-Boy",
    "location": {
        "latitude": 1.0,
        "longitude": 2.0
    }
}

请注意，我想要完整的 location 对象，而不仅仅是更改后的 longitude

什么是实现这一目标的好方法？

【问题讨论】：

参见：How can I get a list of the differences between two JavaScript object graphs? 和 Generic deep diff between two objects。发帖前请搜索网站。
1.我做到了。大约15分钟。 2. 下结论前请阅读我的问题。我不想要差异。我想要 B 的一个子集。基本上 B 减去 A 和 B 的共同值。也许我需要进一步澄清它？

标签： javascript object diff

【解决方案1】：

var array1 = {
    "firstName": "John",
    "lastName": "Doe",
    "nickname": "Johnny",
    "location": {
        "latitude": 1.0,
        "longitude": 1.0
    },
    "email": "john.doe@company.com"
}

var array2 = {
    "firstName": "John",
    "lastName": "Doe",
    "nickname": "John-Boy",
    "location": {
        "latitude": 1.0,
        "longitude": 2.0
    },
    "email": "john.doe@company.com"
}

var currentString;
		var resultObject = {};
	function loopOverObject(sourceObj, targetObj,innerObjName) {
		for (var key in sourceObj) {
			currentString = null;
			if (sourceObj.hasOwnProperty(key)) {
				
				if (typeof sourceObj[key] === "object") {
					loopOverObject(sourceObj[key],targetObj,key);
					break;
				}
				else {
					if (sourceObj[key] !== targetObj[key]) {
						if (innerObjName) {
							if (resultObject[innerObjName]) {
								resultObject[innerObjName][key] = sourceObj[key];
							}
							else {
								resultObject[innerObjName] = JSON.parse('{"'+key+'": '+sourceObj[key]+'}');
							}
						}
						else {
							currentString = sourceObj[key];
						}
					}
				}
				if (currentString) {
					resultObject[key]=currentString;
				}
			}
		}
		return resultObject;
	};
	var result = loopOverObject(array2,array1);
	
var resultDiv = document.getElementById("result")
resultDiv.innerHTML = JSON.stringify(result);

&lt;div id="result"&gt;&lt;/div&gt;

【讨论】：

【解决方案2】：

您可以通过获取差异列表并使用它们适当地构建新对象来使用像 odiff 这样的差异模块：

var diff = odiff(A,B)
var result= {}
for(var n=0; n<diff.length; n++) {
  var key = diff.path[0] // the top-level key
  result[key] = B[key]
}

那么你得到了我认为你想要的结果——那就是如果你只关心获取已更改的顶级字段。

【讨论】：