Fusionner deux tableaux et les modifier en place (javascript) [dupliquer]

Question

J'ai deux tableaux d'objets, originaux et sélectionnés, qch comme ceci:

original =[{ id: 4 , quantity: 4 },{ id: 2 , quantity: 2 },{ id: 76 , quantity: 2 }]
selected = [{ id: 2 , quantity: 1 }, { id: 100 , quantity: 7 }]

Je veux pouvoir fusionner ces tableaux sur id et s'ils ont un identifiant similaire, je devrais résumer la quantité,

Le tableau résultant, dans ce cas, devrait ressembler à ceci:

result=[{ id: 4 , quantity: 4 },{ id: 2 , quantity: 3 },{ id: 76 , quantity: 2 } , { id: 100 , quantity: 7 }]

J'ai pensé à faire quelque chose comme ça:

 const result =original.map(o => ({
            ...selectedArray.findIndex((s) => {(s.id === o.id) && selected)? return }
            ...original
         }));

Mais je ne sais pas comment dois-je ajouter à la quantité, toute aide ou ressource à examiner serait appréciée.

Answer 1

Vous pouvez trouver l'objet et mettre à jour quantityou pousser un nouvel objet.

const 
    original = [{ id: 4, quantity: 4 }, { id: 2, quantity: 2 }, { id: 76, quantity: 2 }],
    selected = [{ id: 2, quantity: 1 }, { id: 100, quantity: 7 }],
    merged = [...original, ...selected].reduce((r, { id, quantity }) => {
        const item = r.find(q => q.id === id);
        if (item) item.quantity += quantity;
        else r.push({ id, quantity });
        return r;
    }, []);

console.log(merged);

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

Une solution avec une table de hachage.

const 
    mergeTo = (target, reference = {}) => ({ id, quantity }) => {
        if (reference[id]) reference[id].quantity += quantity;
        else target.push(reference[id] = { id, quantity });
    },
    original = [{ id: 4, quantity: 4 }, { id: 2, quantity: 2 }, { id: 76, quantity: 2 }],
    selected = [{ id: 2, quantity: 1 }, { id: 100, quantity: 7 }],
    merged = [],
    merge = mergeTo(merged);


original.forEach(merge);
selected.forEach(merge);

console.log(merged);

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

Answer 2

Je ne pense pas que ce ne soit pas une bonne méthode, mais je pense que cela fonctionnera.

 selected.forEach(obj => {
  var exists = original.find(x => x.id === obj.id);
  if(exists) {
    exists.quantity += obj.quantity;
  } else {
    original.push(obj);
  }
});

console.log(original);

Answer 3

Voici une solution optimale simple à comprendre qui s'exécute dans le O(n+m)temps. Vous devez l'utiliser si la taille de vos tableaux est importante. Où net msont les longueurs du tableau originalet selected.

let original =[{ id: 4 , quantity: 4 },{ id: 2 , quantity: 2 },{ id: 76 , quantity: 2 }];
let selected = [{ id: 2 , quantity: 1 }, { id: 100 , quantity: 7 }];

let obj = Object.fromEntries(original.map(e => [e.id, e]));

selected.forEach(e => {
   if (obj[e.id]) {
       obj[e.id].quantity += e.quantity;
   } else {
       obj[e.id] = e;
   }
});

let result = Object.values(obj);

console.log(result);