用lodash合併2個不同鍵的對象數組

Question

我使用Backbone/lodash作爲項目，我希望根據特定值合併2個對象數組。在下面的例子中，合併是基於具有2個不同鍵（id和數字）的相同值。通過加入值

例

var people = [ 
    { 
     id: "1", 
     name: "John" 
    }, 
    { 
     id: "2", 
     name: "Jane" 
    } 
]; 

var data = [ 
    { 
     number: "2", 
     role: "Designer" 
    }, 
    { 
     number: "1", 
     role: "Developer" 
    } 
]; 

// Outpout 

var merge = [ 
    { 
     id: "1", 
     number: "1", 
     name: "John", 
     role: "Developer" 
    }, 
    { 
     id: "2", 
     number: "2", 
     name: "Jane", 
     role: "Designer" 
    } 
]; 

Answer 1

_.map(people, function(p){ 
    return _.merge(
     p, 
     _.find(data, {number: p.id}) 
    ) 
}) 

Answer 2

• 排序陣列。

• zipWith將陣列拉到一起。

• defaults合併每個對象迭代。

var people = [ 
 
    {id: "1", name: "John"}, 
 
    {id: "2", name: "Jane"} 
 
]; 
 

 
var data = [ 
 
    {number: "2", role: "Designer"}, 
 
    {number: "1", role: "Developer"} 
 
]; 
 

 
var result = _.zipWith(
 
    _.sortBy(people, person => person.id), 
 
    _.sortBy(data, dataItem => dataItem.number), 
 
    (person, dataItem) => _.defaults(person, dataItem) 
 
); 
 

 
console.log(result)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.1/lodash.min.js"></script>

Answer 3

可以JavaScript來所有data與Array#map()在迭代，並做了Array#find()設置所有p對象屬性，其中p.id === d.number：

var people = [{id: "1",name: "John"}, {id: "2",name: "Jane"}], 
 
    data = [{number: "2",role: "Designer"}, {number: "1",role: "Developer"}], 
 
    merge = data.map(d => { 
 
     var p = people.find(p => p.id === d.number); 
 
     p.number = d.number; 
 
     p.role = d.role; 
 

 
     return p; 
 
    }); 
 

 
// Outpout 
 
console.log(merge);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

我不知道lodash函數完全滿足此用例。然而，你的目標可以用純JavaScript和lodash助手_.assign()和_.values()可以實現相當不錯：

var people = [{id: "1", name: "John"}, {id: "2", name: "Jane"}]; 
 
var data = [{number: "2", role: "Designer"}, {number: "1", role: "Developer"}]; 
 

 
var resultObj = {}; 
 

 
people.forEach(function(item) { 
 
    resultObj[item.id] = item; 
 
}); 
 
data.forEach(function(item) { 
 
    resultObj[item.number] = _.assign({}, resultObj[item.number], item); 
 
}); 
 

 
var result = _.values(resultObj); 
 
console.log(result);

<script src='https://cdn.jsdelivr.net/lodash/4.17.1/lodash.min.js'></script>