En este post de programación con JS vamos a ver cómo mezclar dos objetos, de modo que combinemos sus propiedades y tengamos un nuevo objeto.

Veremos dos maneras de mezclar las propiedades de un objeto con JavaScript: con el operador spread y con una función manual.

Combinando objetos en JavaScript

Lo que tenemos que hacer es declarar un objeto vacío, ahí almacenaremos las propiedades de los objetos que vamos a combinar. Luego recorremos cada clave de los objetos y la vamos guardando (junto con su valor) en el nuevo objeto, así de simple.

Por cierto, en caso de que haya claves repetidas se van a mantener las propiedades del segundo objeto.

Con función manual

Si quieres hacerlo manualmente con una función puedes hacerlo como se ve a continuación:

Con esto puedes mezclar cualquier cantidad de objetos en JavaScript, ya que puedes combinar el resultado con otro objeto.

Usando operador de propagación

Una manera más elegante es usar el spread operator u operador de propagación que se representa como ....

Éste operador es relativamente nuevo en JS y permite varias cosas como enviar los elementos de un arreglo como argumentos a una función o combinar objetos.

El operador “desempaca” los elementos. Entonces podemos combinar dos objetos así:

Es más simple y elegante. Además, podemos combinar cualquier cantidad de objetos. Recuerda que la misma regla aplica: si existen claves repetidas, se mantendrán las del último objeto.

Poniendo todo junto

Ya te enseñé a colocar las propiedades de dos objetos en uno solo. Ahora te mostraré el código completo. Al final puedes usar el método que tú prefieras:

Combinar objetos con JavaScript - Mezclar propiedades

Combinar objetos con JavaScript – Mezclar propiedades

El código (que se puede ejecutar en Node y en el navegador) queda así:

Por aquí te dejo más tutoriales de JavaScript.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 4,747 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

1 Comentario

zCoder! · marzo 9, 2022 a las 6:34 am

Queeee..? Así de fácil? Waoooo.! Genial.😉👍

Deja un comentario

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada.

A %d blogueros les gusta esto: