Vergleichen und Zusammenführen von zwei Arrays von Objekten

Question

Ich habe zwei Arrays von Objekten (arr1 und arr2). Ich möchte Objekte auswählen aus arr1 wo arr1.id == arr2.typeId und fügen arr2.Price

var arr1 = 
[{"id":20,"name":"name1"}, 
{"id":24,"name":"name2"}, 
{"id":25,"name":"name3"}, 
{"id":28,"name":"name4"}, 
{"id":29,"name":"name5"}] 


var arr2 = 
[{"typeId":20,"Price":500}, 
{"typeId":24,"Price":1100}, 
{"typeId":28,"Price":1000}] 

führen Wie kann ich folgendes bekommen?

var result = 
[{"item":{"id":20,"name":"name1"}, "price":"500"}}, 
{{"item":{"id":24,"name":"name2"}, "price":"1100"}, 
{{"item":{"id":28,"name":"name4"}, "price":"1000"}] 


var result = arr1.filter(function(obj1){ 
         return arr2.some(function(obj2){ 
          return obj1.id === obj2.typeId; 
         }); 
        }) 

Answer 1

Sie können reduce() auf arr2 verwenden und dann prüfen, ob Objekt mit derselben ID in arr1 existiert mit find().

var arr1 = 
 
[{"id":20,"name":"name1"}, 
 
{"id":24,"name":"name2"}, 
 
{"id":25,"name":"name3"}, 
 
{"id":28,"name":"name4"}, 
 
{"id":29,"name":"name5"}] 
 

 
var arr2 = 
 
[{"typeId":20,"Price":500}, 
 
{"typeId":24,"Price":1100}, 
 
{"typeId":28,"Price":1000}] 
 

 
var result = arr2.reduce(function(r, e) { 
 
    var c = arr1.find(a => e.typeId == a.id) 
 
    if(c) r.push({item: c, price: e.Price}) 
 
    return r 
 
}, []) 
 

 
console.log(result)

Answer 2

Ein anderer Ansatz, mit Array#forEach.

var arr1 = [{id:20,name:"name1"},{id:24,name:"name2"},{id:25,name:"name3"},{id:28,name:"name4"},{id:29,name:"name5"}], 
 
    arr2 = [{typeId:20,Price:500},{typeId:24,Price:1100},{typeId:28,Price:1e3}], 
 
    result = []; 
 
    
 
    arr2.forEach(function(v){ 
 
     var elem = arr1.find(c => c.id == v.typeId); //find corresponding element from the `arr1` array 
 
     result.push({item: elem, price: v.Price}); //push an object containing `item` and `price` keys into the result array 
 
    }); 
 

 
    console.log(result); //reveal the result

Answer 3

Sie ein Objekt ohne Prototypen mit Object.create als Hash-Tabelle und schieben das neue Objekt nur dann, wenn beide Arrays haben eine gemeinsame ID erstellen können.

var arr1 = [{ id: 20, name: "name1" }, { id: 24, name: "name2" }, { id: 25, name: "name3" }, { id: 28, name: "name4" }, { id: 29, name: "name5" }], 
 
    arr2 = [{ typeId: 20, Price: 500 }, { typeId: 24, Price: 1100 }, { typeId: 28, Price: 1000 }], 
 
    hash = Object.create(null), 
 
    result = []; 
 

 
arr1.forEach(function (a) { 
 
    hash[a.id] = a; 
 
}); 
 

 
arr2.forEach(function (a) { 
 
    if (hash[a.typeId]) { 
 
     result.push({ item: hash[a.typeId], price: a.Price }); 
 
    } 
 
}); 
 

 
console.log(result);

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