Estoy tratando con múltiples (alrededor de 10) cláusulas if , cada cláusula apunta a una propiedad de objeto diferente... algo como lo que se muestra con el siguiente código de ejemplo proporcionado...
if (typeof credentials.useraa !== 'undefined') { data.useraa = credentials.useraa } if (typeof credentials.userac !== 'undefined') { data.userac = credentials.userac } if (typeof credentials.userad !== 'undefined') { data.userad = credentials.userad } ¿Cómo se puede lograr el mismo resultado con menos código repetitivo de una manera más corta (y quizás más genérica/expresiva), como combinar las cláusulas if en una sola si ese fuera un enfoque posible para empezar?
Un enfoque quizás ya obvio fue iterar una matriz de nombres de propiedad/ key y asignar solo los valores de propiedad de las credentials (objeto de origen) como entradas (pares clave-valor) a data (objeto de destino) que no están indefinidos.
Se puede llevar este enfoque un paso más allá e implementarlo como una función reutilizable aprovechando el parámetro thisArg que admite casi todos los métodos de matriz.
Entonces, una implementación podría verse como el siguiente código de ejemplo proporcionado...
function assignDefinedValueToBoundTarget(key) { const { source, target } = this; const value = source[key]; if (typeof value !== 'undefined') { target[key] = value; } } const credentials = { useraa: 'userAa', // userab: 'userAb', userac: 'userAc', userad: 'userAd', }; const data = {}; console.log({ data }); ['useraa', 'userab', 'userac', 'userad'] .forEach(assignDefinedValueToBoundTarget, { source: credentials, target: data }); console.log({ data }); .as-console-wrapper { min-height: 100%!important; top: 0; }... o en términos de "definido es igual a una propiedad propia ", independientemente del valor real de la propiedad...
function assignOwnPropertyValueToBoundTarget(key) { const { source, target } = this; if (source.hasOwnProperty(key)) { target[key] = source[key]; } } const credentials = { useraa: 'userAa', userab: undefined, userac: 'userAc', userad: null, }; const data = {}; console.log({ data }); ['useraa', 'userab', 'userac', 'userad', 'userae'] .forEach(assignOwnPropertyValueToBoundTarget, { source: credentials, target: data }); console.log({ data }); .as-console-wrapper { min-height: 100%!important; top: 0; }