Necesito unir dos matrices con objetos con la misma identificación.
const arr1 = [{id: 1, name: 'John'}, {id: 10, name: 'Janny'}, {id: 22, name: 'Mark'}]; const arr2 = [{id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}];El resultado debe ser
[ {id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}, {id: 10, name: 'Janny'} ]Traté de usar lodash _.isEqual(arr1, arr2) pero no funciona, porque {id: 1, nombre: 'Juan', teléfono: '111'} no es igual a {id: 1, nombre: 'Juan' }.
Puede combinar los elementos en las matrices, agruparlos por id usando un mapa o un objeto y obtener los valores:
const arr1 = [ { id: 1, name: 'John' }, { id: 10, name: 'Janny' }, { id: 22, name: 'Mark' }, ]; const arr2 = [ { id: 1, name: 'John', phone: '111' }, { id: 15, name: 'Nick' }, { id: 22, name: 'Mark' }, ]; const result = [ ...[...arr1, ...arr2] .reduce( (acc, curr) => acc.set(curr.id, { ...acc.get(curr.id), ...curr }), new Map() ) .values(), ]; console.log(result)Aquí hay una manera muy estúpida y larga de hacerlo:
const arr1 = [{id: 1, name: 'John'}, {id: 10, name: 'Janny'}, {id: 22, name: 'Mark'}]; const arr2 = [{id: 1, name: 'John', phone: '111'}, {id: 15, name: 'Nick'}, {id: 22, name: 'Mark'}]; let newArr = []; firstLoop: for(let i=0; i < arr1.length; i++){ for(let j =0; j < arr2.length; j++){ if(arr1[i].id == arr2[j].id){ newArr.push({...arr1[i], ...arr2[j]}) continue firstLoop; } } newArr.push(arr1[i]) } firstLoop: for(let i=0; i < arr1.length; i++){ for(let j =0; j < arr2.length; j++){ if(arr2[i].id == arr1[j].id){ // newArr.push({...arr1[i], ...arr2[j]}) continue firstLoop; } } newArr.push(arr2[i]) } console.log(newArr);