5

我有两个对象数组，如下所示：

result = [{id:24, name:"xyz"}, {id:45,name:"tze"}]
moreDetails = [{id:24, name2:"hyi"}, {id:45, name2:"tikw"}]

我想要上面这样的合并结果

mergedResult= [{id:24, name:"xyz", name2:"hyi"}, {id:45,name:"tze", name2:"tikw"}]

请注意合并发生在id两个数组都有的 上。

我试图按照这个如何合并这些数组/json对象？而这一个如何动态合并两个 JavaScript 对象的属性？

但是，我想我迷路了，我的问题可能需要一个简短而简单的解决方案。

编辑

我试图简化我的例子。实际上，上述两个数组只是有一个id共同点，它们不仅仅是名称，name2。例如，有时result数组将拥有id, name, name2, name3 并且moreDetails将拥有id, name, name4. 我想说的是，我并不总是提前知道两个数组除了id. 因此，我不能像某些答案所建议的那样对字段名称进行硬编码。

4

2 回答 2

2

您可以使用for循环，在这种情况下，扩展一个数组的元素比创建另一个数组更好：

for (var i = 0; i < result.length; i++) {
    result[i].name2 = moreDetails[i].name2;
}

http://jsfiddle.net/9uchU/

如果目标元素具有不同的索引：

for (var i = 0; i < result.length; i++) {
    var c = result[i],
        // filtering the second array based on the `id` 
        // of the current element 
        m = moreDetails.filter(function(elem) {
             return elem.id === c.id;
        })[0];
    c.name2 = m ? m.name2 : 'not defined';
}

编辑：根据您上次的编辑，正如@Blender 提到的，您还可以使用 jQuery$.extend()实用程序函数：

$.extend(result, moreDetails);
于 2013-05-27T00:47:52.940 回答
1 
<html>
<head><title></title>
<script src="http://code.jquery.com/jquery-1.10.0.min.js" ></script>
</head>
<body>

<script>
    function findElement(arr, propName, propValue) {
      for (var i=0; i < arr.length; i++){
        if (arr[i][propName] == propValue){
          return arr[i];
        }
      }
    }

    var result = [{id:24, name:"xyz"}, {id:45,name:"tze"}];
    var moreDetails= [{id:24, name2:"hyi"}, {id:45, name2:"tikw"}];
    var mergedResult = result;

    for (var i = 0; i<result.length;i++ ) {
      //mergedResult[i].name2 = findElement(moreDetails, "id", result[i].id).name2
    $.extend(mergedResult[i],findElement(moreDetails, "id", result[i].id));
    } 

    mergedResult;
</script>
</body>
</html>
于 2013-05-27T00:59:08.123 回答