Javascript desde ES6 ofrece el operador de propagación ... como una conveniencia para fusionar, entre diferentes estructuras, objetos. Si los objetos tienen una propiedad con el mismo nombre, la propiedad del objeto más a la derecha sobrescribe la anterior. P.ej

 const foo = { propA: 'a', propShared: 'sharedFoo', } const bar = { propB: 'b', propShared: 'sharedBar', } const mergedObject = { ...foo, ...bar }; console.log(mergedObject);

imprimirá

 { propA: 'a', propB: 'b', propShared: 'sharedBar' }

Ahora, digamos que quiero aplicar recursivamente este patrón a todas las propiedades que pueden ser de tipo objeto. Por ejemplo, puede tener

 const foo = { propA: 'a', propShared: { propX: 'x', propShared: { prop1: 1 } }, } const bar = { propB: 'b', propShared: { propY: 'y', propShared: { prop2: 2 } }, }

Dada la regla anterior, si lo hago:

 const mergedObject = { ...foo, ...bar };

Perderé por completo el contenido de foo.propShared y mantendré bar.propShared . Entonces, suponiendo que las propiedades son desconocidas, el único enfoque que veo es recopilar las propiedades de cada objeto a través de Object.keys , agregar propiedades únicas a un nuevo Objeto para devolver, buscar propiedades en común, recurrir a la función para crear un nuevo Objeto para ser asignado a esa propiedad.

¿Hay alguna forma nativa de hacerlo o debería escribir un algoritmo iterativo como el que mencioné anteriormente? ¿Cuál debería ser el camino a seguir?