Wie zwei Objektgruppen mit Hilfe von lodash zusammengeführt werden?

Question

Ich habe zwei Array mit einem gemeinsamen Feld Mitglied. Wie kann ich Theme einfach zusammenführen?

Zum Beispiel:

var arr1 = [{ 
    "member" : ObjectId("57989cbe54cf5d2ce83ff9d6"), 
    "bank" : ObjectId("575b052ca6f66a5732749ecc"), 
    "country" : ObjectId("575b0523a6f66a5732749ecb") 
}, 
{ 
    "member" : ObjectId("57989cbe54cf5d2ce83ff9d8"), 
    "bank" : ObjectId("575b052ca6f66a5732749ecc"), 
    "country" : ObjectId("575b0523a6f66a5732749ecb") 
}]; 

var arr2 = [{ 
    "member" : ObjectId("57989cbe54cf5d2ce83ff9d6"), 
    "name" : 'xxxxxx', 
    "age" : 25 
}, 
{ 
    "member" : ObjectId("57989cbe54cf5d2ce83ff9d8"), 
    "name" : 'yyyyyyyyyy', 
    "age" : 26 
}]; 

Erwartet:

var merge = [{ 
    "member" : ObjectId("57989cbe54cf5d2ce83ff9d6"), 
    "bank" : ObjectId("575b052ca6f66a5732749ecc"), 
    "country" : ObjectId("575b0523a6f66a5732749ecb"), 
    "name" : 'xxxxxx', 
    "age" : 25 
}, 
{ 
    "member" : ObjectId("57989cbe54cf5d2ce83ff9d8"), 
    "bank" : ObjectId("575b052ca6f66a5732749ecc"), 
    "country" : ObjectId("575b0523a6f66a5732749ecb"), 
    "name" : 'yyyyyyyyyy', 
    "age" : 26 
}]; 

I versucht

var merge = _.unionBy(arr1, arr2, 'member'); 

aber nicht als exp verschmolzen erreicht. gezeigt array1 Wert. Kann mir jemand helfen?

Answer 1

Wenn beide Arrays in der richtigen Reihenfolge sind; wo jedes Element dem zugehörigen Mitgliedskennzeichen entspricht, können Sie einfach verwenden.

var merge = _.merge(arr1, arr2); 

, die die kurze Version ist:

var merge = _.chain(arr1).zip(arr2).map(function(item) { 
    return _.merge.apply(null, item); 
}).value(); 

Oder, wenn die Daten in den Feldern nicht in einer bestimmten Reihenfolge ist, können Sie das dazugehörige Element durch das Element Wert nachzuschlagen.

var merge = _.map(arr1, function(item) { 
    return _.merge(item, _.find(arr2, { 'member' : item.member })); 
}); 

Sie können dies leicht zu einem Mixin konvertieren. Siehe nachstehendes Beispiel:

_.mixin({ 
 
    'mergeByKey' : function(arr1, arr2, key) { 
 
    var criteria = {}; 
 
    criteria[key] = null; 
 
    return _.map(arr1, function(item) { 
 
     criteria[key] = item[key]; 
 
     return _.merge(item, _.find(arr2, criteria)); 
 
    }); 
 
    } 
 
}); 
 

 
var arr1 = [{ 
 
    "member": 'ObjectId("57989cbe54cf5d2ce83ff9d6")', 
 
    "bank": 'ObjectId("575b052ca6f66a5732749ecc")', 
 
    "country": 'ObjectId("575b0523a6f66a5732749ecb")' 
 
}, { 
 
    "member": 'ObjectId("57989cbe54cf5d2ce83ff9d8")', 
 
    "bank": 'ObjectId("575b052ca6f66a5732749ecc")', 
 
    "country": 'ObjectId("575b0523a6f66a5732749ecb")' 
 
}]; 
 

 
var arr2 = [{ 
 
    "member": 'ObjectId("57989cbe54cf5d2ce83ff9d8")', 
 
    "name": 'yyyyyyyyyy', 
 
    "age": 26 
 
}, { 
 
    "member": 'ObjectId("57989cbe54cf5d2ce83ff9d6")', 
 
    "name": 'xxxxxx', 
 
    "age": 25 
 
}]; 
 

 
var arr3 = _.mergeByKey(arr1, arr2, 'member'); 
 

 
document.body.innerHTML = JSON.stringify(arr3, null, 4);

body { font-family: monospace; white-space: pre; }

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

Answer 2

erstellen Wörterbücher für beide Arrays _.keyBy(), merge die Wörterbücher, und konvertieren Sie das Ergebnis auf ein Array mit _.values(). Auf diese Weise spielt die Reihenfolge der Arrays keine Rolle. Darüber hinaus kann es auch Arrays unterschiedlicher Länge verarbeiten.

const ObjectId = (id) => id; // mock of ObjectId 
 
const arr1 = [{"member" : ObjectId("57989cbe54cf5d2ce83ff9d8"),"bank" : ObjectId("575b052ca6f66a5732749ecc"),"country" : ObjectId("575b0523a6f66a5732749ecb")},{"member" : ObjectId("57989cbe54cf5d2ce83ff9d6"),"bank" : ObjectId("575b052ca6f66a5732749ecc"),"country" : ObjectId("575b0523a6f66a5732749ecb")}]; 
 
const arr2 = [{"member" : ObjectId("57989cbe54cf5d2ce83ff9d6"),"name" : 'xxxxxx',"age" : 25},{"member" : ObjectId("57989cbe54cf5d2ce83ff9d8"),"name" : 'yyyyyyyyyy',"age" : 26}]; 
 

 
const merged = _(arr1) // start sequence 
 
    .keyBy('member') // create a dictionary of the 1st array 
 
    .merge(_.keyBy(arr2, 'member')) // create a dictionary of the 2nd array, and merge it to the 1st 
 
    .values() // turn the combined dictionary to array 
 
    .value(); // get the value (array) out of the sequence 
 

 
console.log(merged);

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

ES6 Verwendung Map

Concat den Arrays und reduce die auf eine Karte kombinierten Arrays. Verwenden Sie Object#assign, um Objekte mit demselben member zu einem neuen Objekt zu kombinieren und in der Karte zu speichern. Konvertieren Sie die Karte auf ein Array mit Map#values und spread:

const ObjectId = (id) => id; // mock of ObjectId 
 
const arr1 = [{"member" : ObjectId("57989cbe54cf5d2ce83ff9d8"),"bank" : ObjectId("575b052ca6f66a5732749ecc"),"country" : ObjectId("575b0523a6f66a5732749ecb")},{"member" : ObjectId("57989cbe54cf5d2ce83ff9d6"),"bank" : ObjectId("575b052ca6f66a5732749ecc"),"country" : ObjectId("575b0523a6f66a5732749ecb")}]; 
 
const arr2 = [{"member" : ObjectId("57989cbe54cf5d2ce83ff9d6"),"name" : 'xxxxxx',"age" : 25},{"member" : ObjectId("57989cbe54cf5d2ce83ff9d8"),"name" : 'yyyyyyyyyy',"age" : 26}]; 
 

 
const merged = [...arr1.concat(arr2).reduce((m, o) => 
 
    m.set(o.member, Object.assign(m.get(o.member) || {}, o)) 
 
, new Map()).values()]; 
 

 
console.log(merged);