¿Cómo fusionar dinámicamente las propiedades de dos objetos JavaScript?

Uso del operador de extensión: el operador de extensión permite que un iterable se expanda en lugares donde se esperan más de 0 argumentos. Se usa principalmente en la array de variables donde se esperan más de 1 valores. Permite el privilegio de obtener una lista de parámetros de una array.

Los objetos Javascript son diccionarios emparejados clave-valor. Podemos fusionar diferentes objetos en uno usando el operador de extensión (…) .
Sintaxis:

object1 = {...object2, ...object3, ... }

Ejemplo 1:

<script>
let A = {
    name: "geeksforgeeks",
};
  
let B = {
    domain: "https://geeksforgeeks.org"
};
  
let Sites = { ...A, ...B };
  
console.log(Sites)
</script>

Producción:

Ejemplo 2: supongamos que los objetos tienen las mismas claves. En este caso se utiliza el valor de la clave del objeto que aparece más adelante en la distribución.

<script>
let A = {
    name: "geeksforgeeks",
};
  
let B = {
    name: "wordpress"
};
  
let Sites = { ...A, ...B };
  
console.log(Sites)
</script>

Producción:

Otro método: también podemos usar el método Object.assign() para fusionar diferentes objetos.

Ejemplo:

<script>
let A = {
  name: "geeksforgeeks",
};
  
let B = {
  domain: "https://geeksforgeeks.org"
};
  
let Sites = Object.assign(A, B);
  
console.log(Sites);
</script>

Producción:

Publicación traducida automáticamente

Artículo escrito por rossoskull y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *