Podemos fusionar dos objetos de JavaScript en ES6 usando los dos métodos populares. Los métodos se enumeran a continuación:
- Método Object.assign()
- Método de sintaxis de propagación de objetos
Ambos métodos se describen a continuación con el ejemplo adecuado:
Método 1: Para fusionar dos objetos, usaremos el método Object.assign() .
- Sintaxis:
Object.assign(target, ...sources)
- Ejemplo:
javascript
<script>
// An Object
var obj1 = {1 : "Geeks", 2: "for"};
var obj2 = { 3 : "Geeks"};
// Using Object.assign()
Object.assign(obj1, obj2);
// Printing object
for (var key of Object.keys(obj1)) {
document.write(key + " => " + obj1[key] + "</br>")
}
</script>
- Producción:
1 => Geeks 2 => for 3 => Geeks
Método 2: en este método, para fusionar dos objetos, usaremos la sintaxis de propagación de objetos .
- Sintaxis:
var objClone = { ...obj };
- Ejemplo:
javascript
<script>
// An Object
var obj1 = {1 : "Geeks", 2: "for"};
var obj2 = { 3 : "Geeks"};
// Using Object spread syntax
var obj = {...obj1, ...obj2};
// Printing object
for (var key of Object.keys(obj)) {
document.write(key + " => " + obj[key] + "</br>")
}
</script>
- Producción:
1 => Geeks 2 => for 3 => Geeks