Comment créer un objet fusionné à partir d'un tableau d'objets conserve les propriétés de l'objet d'origine non modifié à partir du nouvel objet entrant

Je dois vous installer / organiser des ensembles ... XXX PRE>

En fin de compte, je souhaite que les objets de Test2 modifient les propriétés dans le test mais préservent la propriété de localisation dans l'objet d'origine car il n'a pas changé ou même référencé dans le test2. P>

Ce que j'ai fait a été configuré une mappage que la clé est l'identifiant et utilise chaque objet comme valeur. P>

Le problème se produit que la valeur du nouvel objet par la clé écrase l'objet d'origine précédent dans son ensemble. Par conséquent, la propriété de localisation est éliminée de la matrice d'origine. p>

notamment de objet.Assign () L'objet nu non présenté sous forme de tableau d'objets conservera l'intégrité de l'objet d'origine et ne modifie que des propriétés sous-jacentes. p>

Voici un exemple de: P>

Array d'objets: P>

var test = [{id: 1, prop: 'bill', location: 'san diego'},{id: 11, prop: 'bright'}];
var first = new Map();
for (const value of test) {
    //console.log(key + ' = ' + value.id);
    first.set(value.id, value);
    //console.log(first);
}
var test2 = [{id: 1, prop: 'casey'},{id: 11, prop: 'candle'}];
var second = new Map();
for (const value of test2) {
    second.set(value.id, value);
}

var merged = new Map([...first, ...second]);

let mergedArray = [];
for (var value of merged.values()) {
  console.log(' = ' + value);
    mergedArray.push(value);
}

console.log('merged', mergedArray);
// console.log(merged)

// console.log('second2', second);
// console.log('first2 ', first);