JQuery $.extend 不像我期望的那样工作：How to code this right?

Question

这里是JQuery扩展页面。

我希望这样做的是采用两个数组，将它们连接在一起并为每个结果数组元素创建统一的属性。我怎样才能让它按预期工作？

var a = [];
a.push({ "id": 1, "text": "one" });
a.push({ "id": 2, "text": "two" });
a.push({ "id": 3, "text": "three" });
var b = [];
b.push({"id":3 , "selected":true});
var c = [];
$.extend(c,a,b);

我期望的是结果数组将包括：

{ "id": 1, "text": "one", "selected": false }
{ "id": 2, "text": "two", "selected": false }
{ "id": 3, "text": "three", "selected": true }

但它似乎只是将第一个数组复制到第二个数组之上：

{ "id": 3, "text": null, "selected": true }
{ "id": 2, "text": "two" }
{ "id": 3, "text": "three" }

文档包括：

当我们向 $.extend() 提供两个或多个对象时，属性将所有对象添加到目标对象中。

我做错了什么，否则我将如何完成此操作？

编辑：Jball 的建议已实施：

var a = [];
a.push({ "id": 1, "text": "one" });
a.push({ "id": 2, "text": "two" });
a.push({ "id": 3, "text": "three" });
var b = [];
b.push({ "id": 3, "selected": true });
var c = [];
for (var index = 0; index < a.length; index++) {
   var tempresult = {};
   var tempb = b.filter(
      function (ele, idx, collection) {
         return (collection[idx].id == index + 1);
      });
   if (tempb.length == 0)
      tempb = [{ "id": index + 1, "selected": false }];
   $.extend(tempresult, a[index], tempb[0]);
   c.push(tempresult);
} 

产生：

[{"id":1, "selected":false, "text": "one"},
 {"id":2, "selected":false, "text": "two"},
 {"id":3, "selected":true,  "text": "three"}]

这就是答案。现在我想知道是否可以清理一下。

Answer 1

我不确定您是否注意到了，$.extend() 函数适用于对象的属性，而不是数组的元素。

似乎您需要创建一个函数来循环数组，并在匹配元素上调用 $.extend() 以获得所需的结果。您必须决定是否要添加或忽略第二个数组中的不匹配元素。

问题是 jQuery 不知道数组中的哪些元素匹配，因此按索引匹配它们，尽管我不确定为什么第一个项目的结果有 "text": "two" 而不是 "text": "one"，除非它在基于索引执行 $.extend() 后尝试通过各个项目属性进行匹配。