Estoy usando Lodash para combinar dos matrices para devolver nuevos valores,
ejemplo,
var lastValue = [{"id": 5, "view": {"id": 2932, "name": "Available"}, "rowAttribute": "last value 1"}, {"id": 6, "view": {"id": 2933, "name": "Active"}, "rowAttribute": "last value 2"}] var updatedValue = [{"view": {"id": 2932, "name": "Available"}, "rowAttribute": "updated value 1"}, {"view": {"id": 2934, "name": "inactive"}, "rowAttribute": "updated value 2"}]Estoy usando unionBy como,
_.unionBy(lastValue, updatedValue, 'view.id');y me estoy poniendo como,
[{"view": {"id": 2932, "name": "Available"}, "rowAttribute": "updated value 1"}, {"id": 6, "view": {"id": 2933, "name": "Active"}, "rowAttribute": "last value 2"}, {"view": {"id": 2934, "name": "inactive"}, "rowAttribute": "updated value 2"}]Mi expectativa es como,
[ { "id": 5, "view": { "id": 2932, "name": "Available" }, "rowAttribute": "updated value 1" }, { "id": 6, "view": { "id": 2933, "name": "Active" }, "rowAttribute": "last value 2" }, { "view": { "id": 2934, "name": "inactive" }, "rowAttribute": "updated value 2" } ]Quiero valores combinados de ambos arreglos. si view.id está/están disponibles en el valor actualizado, entonces debería devolverse con el valor actualizado con el mismo Id de ambas matrices.
Simplemente puede usar Object.assign para obtener el resultado deseado
var lastValue = [ { id: 5, view: { id: 2932, name: "Available" }, rowAttribute: "last value" }, ]; var updatedValue = [ { view: { id: 2932, name: "Available" }, rowAttribute: "updated value" }, ]; const result = lastValue.map((o, i) => Object.assign({}, o, updatedValue[i])); console.log(result); Si desea actualizar el objeto con view.id
var lastValue = [ { id: 5, view: { id: 2932, name: "Available" }, rowAttribute: "last value" }, ]; var updatedValue = [ { view: { id: 2932, name: "Available" }, rowAttribute: "updated value" }, ]; const result = lastValue.map((o, i) => Object.assign( {}, o, updatedValue.find((obj) => obj.view.id === o.view.id) ) ); console.log(result);Incluso puede optimizar el resultado usando Mapa como
var lastValue = [ { id: 5, view: { id: 2932, name: "Available" }, rowAttribute: "last value" }, ]; var updatedValue = [ { view: { id: 2932, name: "Available" }, rowAttribute: "updated value" }, ]; const dict = new Map(updatedValue.map((o) => [o.view.id, o])); const result = lastValue.map((o, i) => Object.assign({}, o, dict.get(o.view.id))); console.log(result); Actualizado # 4 Si desea unirse a la matriz, debe usar find y Object.assign
var lastValue = [ { id: 5, view: { id: 2932, name: "Available" }, rowAttribute: "last value 1", }, { id: 6, view: { id: 2933, name: "Active" }, rowAttribute: "last value 2" }, ]; var updatedValue = [ { view: { id: 2932, name: "Available" }, rowAttribute: "updated value 1" }, { view: { id: 2934, name: "inactive" }, rowAttribute: "updated value 2" }, ]; updatedValue.forEach((o) => { const objInLastValue = lastValue.find((obj) => obj.view.id === o.view.id); if (objInLastValue) Object.assign(objInLastValue, o); else lastValue.push(o); }); console.log(lastValue); /* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */ .as-console-wrapper { max-height: 100% !important; top: 0; }