tableaux d'objets Manipulation des données uniques

Question

je travaille sur un projet où j'ai 2 tableaux d'objets et les éléments suivants sont les différents cas, les données peuvent être en.

// Case 1 
var arr1=[{id:1,quantity:10}] 
var arr2=[{id:1,quantity:10},{id:2,quantity:20}] 

// Case 2 
var arr1=[] 
var arr2=[{id:1,quantity:10},{id:2,quantity:20}] 

// Case 3 
var arr1=[{id:1,quantity:12}] 
var arr2=[{id:1,quantity:10},{id:2,quantity:20}] 

// Case 4 
var arr1=[{id:1,quantity:10},{id:1,quantity:20}] 
var arr2=[{id:1,quantity:10}] 

Ainsi, le array1 pourrait être empty, peut avoir l'un des objets de array2 ou les deux objets de array2 avec une valeur de quantité différente. Je voudrais mettre à jour le tableau principal ou arr1 basé sur arr2 mais ne veut pas glisser complètement arr1 avec arr2 avec le type de solution arr1 = arr2. arr1 devrait mettre à jour la quantité basée sur arr2 et ajouter ou enlever basé sur la même chose.

Answer 1

Si arr1 = arr2 serait une solution, sauf que vous voulez muterarr1 au lieu de remplacer, puis envisager d'utiliser splice:

var arr1=[{id:0,quantity:1},{id:2,quantity:12},{id:3,quantity:9}], 
 
    arr2=[{id:1,quantity:10},{id:2,quantity:20}]; 
 

 
arr1.splice(0, arr1.length, ...arr2); 
 

 
console.log(arr1);

Si votre préoccupation est que les objets arr1 ne doivent pas être remplacé lorsque leur id existe dans arr2, mais être mutées (en gardant leurs références), je dirais:

var arr1=[{id:0,quantity:1},{id:2,quantity:12},{id:3,quantity:9}], 
 
    arr2=[{id:1,quantity:10},{id:2,quantity:20}]; 
 
// key both arrays by id in Maps 
 
var mp1 = new Map(arr1.map(obj => [obj.id, obj])), 
 
    mp2 = new Map(arr2.map(obj => [obj.id, obj])); 
 
// traverse arr1 from right to left so deletions will not affect the loop 
 
arr1.reduceRight((_, obj, i) => { 
 
    if (mp2.has(obj.id)) { 
 
     Object.assign(obj, mp2.get(obj.id)); // update 
 
    } else { 
 
     arr1.splice(i, 1); // delete 
 
    } 
 
}, null); 
 
arr2.forEach((obj) => { 
 
    if (!mp1.has(obj.id)) { 
 
     arr1.push(obj); // insert 
 
     // If you need the inserted object to be a copy, then do: 
 
     // arr1.push(Object.assign({}, obj)); 
 
    } 
 
}); 
 

 
// If you need the result to be sorted by `id`, then do this also: 
 
arr1.sort((a,b) => a.id - b.id); 
 

 
console.log(arr1);

Answer 2

for(const el of arr2){ 
const dupe = arr1.find(e => e.id === el.id); 
if(dupe){ 
    dupe.quantity = el.quantity; 
}else{ 
    arr1.push(el); 
} 
} 

Mais en réalité, une carte (id -> quantité) serait la meilleure structure de données ici (ou un objet):

const els = new Map(arr1.map(el => [el.id, el.quantity])); 
//to add 
arr2.forEach(el => els.set(el.id, el.quantity + (els.get(el.id) ||0));