javascript - 通过匹配id映射2数组

Question

数组一，arr 缺少 qty 属性，但我有一个与 arr 具有相同 id 的 arr2，尝试使用 javascript 函数的 map() 但无法使其工作。

var arr = [{id:1,'name':'banana'},{id:2,'name':'watermelon'}];
var arr2 = [{id:1,'qty':1},{id:1,'qty':4}];

var arr3 = arr.map(function(obj,i){
return obj.id == arr2.id;
//return obj.id
});

document.write(arr3);

我希望我的 arr3 输出会像这样

[{id:1,'name':'banana','qty':1},{id:2,'name':'watermelon','qty':4}]

Answer 1

您必须在第二个数组内进行查找。如果它是基于索引的，你可以更容易地做到这一点，但在你的情况下，这是一个不错的选择:

var arr3 = arr.map(function(obj,i){
    var arr2match = arr2.filter( function(x){
        return x.id == obj.id;
    })[0];
    obj.qty = arr2match.qty;
    return obj;
});