Cómo unir dos objetos y arrays de objetos en JavaScript

Aprende a cómo Unir dos objetos o arrays en JavaScript es una tarea común al trabajar con estructuras de datos complejas. En este artículo, te mostraremos las formas más eficientes de combinar objetos y cómo hacerlo con arrays de objetos. Además, aprenderás sobre los métodos de arrays en JavaScript para trabajar con datos de manera efectiva.

Formas para unir dos objetos en JavaScript

Existen varias formas de unir dos objetos en JavaScript, dependiendo de tus necesidades. A continuación, te mostramos algunos métodos populares:

Usar Object.assign()

Uno de los métodos más simples para unir dos objetos es utilizando Object.assign(). Este método copia las propiedades de uno o más objetos a un objeto de destino.

const objeto1 = { nombre: 'Juan', edad: 30 };
const objeto2 = { trabajo: 'Desarrollador', pais: 'España' };

const objetoCombinado = Object.assign({}, objeto1, objeto2);
console.log(objetoCombinado);

Con Object.assign(), puedes combinar dos o más objetos en uno solo.

Usar el operador de propagación (...)

El operador de propagación es una forma moderna y concisa de combinar objetos en JavaScript. Funciona de manera similar a Object.assign(), pero es más fácil de leer.

const objeto1 = { nombre: 'Juan', edad: 30 };
const objeto2 = { trabajo: 'Desarrollador', pais: 'España' };

const objetoCombinado = { ...objeto1, ...objeto2 };
console.log(objetoCombinado);

Combinar objetos con métodos personalizados

Si necesitas más control sobre cómo combinar objetos, puedes escribir tu propio método para unir objetos.

function combinarObjetos(obj1, obj2) {
  const resultado = {};
  for (let clave in obj1) {
    resultado[clave] = obj1[clave];
  }
  for (let clave in obj2) {
    resultado[clave] = obj2[clave];
  }
  return resultado;
}

const objetoCombinado = combinarObjetos(objeto1, objeto2);
console.log(objetoCombinado);

Formas para unir dos array de objetos en JavaScript

Ahora que hemos visto cómo combinar objetos individuales, veamos cómo unir dos arrays de objetos en JavaScript. Estos métodos son útiles cuando trabajas con colecciones de datos.

Usar concat() para unir arrays de objetos

El método concat() es una forma sencilla de unir dos arrays de objetos en uno solo.

const array1 = [{ nombre: 'Juan' }, { nombre: 'Pedro' }];
const array2 = [{ nombre: 'Ana' }, { nombre: 'Lucía' }];

const arrayCombinado = array1.concat(array2);
console.log(arrayCombinado);

Combinar arrays de objetos con reduce()

El método reduce() es más flexible y permite combinar arrays de objetos de formas más avanzadas

const array1 = [{ nombre: 'Juan', edad: 30 }];
const array2 = [{ nombre: 'Ana', edad: 25 }];

const arrayCombinado = [array1, array2].reduce((acc, curr) => acc.concat(curr), []);
console.log(arrayCombinado);

Cómo Unir dos objetos y arrays de objetos en JavaScript es una habilidad importante cuando trabajas con datos. Ya sea que utilices Object.assign(), el operador de propagación o métodos más avanzados como reduce(), tener opciones te permite adaptar el código a tus necesidades. Además, comprender los métodos de arrays en JavaScript te ayudará a manipular datos de manera eficiente.