合并lodash中的两个对象

Question

我有两个对象数组如下：

$scope.var1 = [{
    "field_name": "fname",
    "mapped_field": "firstName",
    "position": 2
}, {
    "field_name": "lname",
    "mapped_field": "lastName",
    "position": 1
}, {
    "field_name": "email",
    "mapped_field": "Email",
    "position": 1
}];

$scope.final = [{
    "field_name": "fname",
    "mapped_field": "lastName",
    "position": 2
}, {
    "field_name": "lname",
    "mapped_field": "firstName",
    "position": 1
}];

这里我想替换 ma​​pped_field 与 var1 的 ma​​pped_field 匹配的最后一个，并且 var1 的剩余部分也合并到最后一个。

最终应该是这样的：

$scope.final = [{
    "field_name": "fname",
        "mapped_field": "firstName",
        "position": 2
}, {
    "field_name": "lname",
    "mapped_field": "lastName",
    "position": 1
}, {
    "field_name": "email",
    "mapped_field": "Email",
    "position": 1
}];

我们将不胜感激。

Answer 1

使用lodash函数的组合：_.forEach和_.assign：

_.forEach($scope.var1, function(varObject) {
    //find object with the same mapped_field
    var finalArrayItem = _.find($scope.final, {mapped_field: varObject.mapped_field});
    if (finalArrayItem) {
        //merge objects
        _.assign(finalArrayItem, varObject);
    } else {
        $scope.final.push(varObject);
    }
});

链接到jsbin

Answer 2

这是我想出的：

final = _.map(var1, function(item) {
    return _.assign(
        _.find(final, _.pick(item, 'mapped_field')) || {},
        item
    );
});

您在哪里使用 map() 创建新的 final 数组。被映射的数组是var1，我们为每个数组项返回一个新对象。 assign() 函数用于使用来自var1 的属性覆盖final 中的属性。

要将当前的final 项目与它的var1 项目映射，请使用find()。 pick() 函数对于构造过滤器对象很方便。在这里，您说您要匹配 mapped_field 属性。

逻辑 || 对于没有匹配的情况是必要的。例如，email 对象。这只会将所有 var1 属性复制到空对象中，然后返回。