Los data , roles e infos son variables que provienen de una API. Aquí agrego manualmente el índice de la matriz, mientras que en mi código hago un bucle con las claves.
¿Cómo verificar una línea si el atributo es null ?
¿Hay alguna forma de acceder a una propiedad como x?[roles[0]]?[infos[0]]
const data = [{player: {fname: 'player', lname: 'one'}, { enemy: {lname: 'two'}, { ally: {fname: 'player'}] const roles = ['player','ally'] const infos = ['fname','lname'] data.map(x => { const firstPlayer = `${x[roles[0]][infos[0]]} ${x[roles[0]][infos[1]]}` const secondPlayer = `${x[roles[1]][infos[0]]} ${x[roles[1]][infos[1]]}` return `hello ${firstPlayer} and ${secondPlayer}` });Puede usar el encadenamiento opcional , esto también funciona en índices de matriz.
const firstPlayer = `${x?.[roles[0]]?.[infos[0]]} ${x?.[roles[0]]?.[infos[1]]}` Solo tenga en cuenta que quedará undefined dentro de la cadena si la cadena está rota.
Usaría un valor alternativo para cubrir valores indefinidos como este:
const data = [ { player: { fname: 'player', lname: 'one' }, enemy: { lname: 'two' }, ally: { fname: 'player' }}]; const roles = ['player', 'ally']; const infos = ['fname', 'lname']; const res = data.map((x) => { const firstPlayer = (x[roles[0]][infos[0]] || '') + ' ' + (x[roles[0]][infos[1]] || '') const secondPlayer = (x[roles[1]][infos[0]] || '') + ' ' + (x[roles[1]][infos[1]] || '') return ('hello ' + firstPlayer + ' and ' + secondPlayer).trim(); }); console.log(res); Al usar (maybeUndefinedVar || 'fallbackValue') puede manejar cuando falta el valor.
Tenga en cuenta que esto es válido solo si está seguro de que su primer acceso a la propiedad seguramente no está indefinido. En el caso contrario, también debe aplicar la otra solución de respuesta y acceder a las propiedades de manera segura como la siguiente:
const data = [ { player: { fname: 'player', lname: 'one' }, enemy: { lname: 'two' }, allyNotExist: { fname: 'player' }}]; const roles = ['player', 'ally']; const infos = ['fname', 'lname']; const res = data.map((x) => { const firstPlayer = (x?.[roles[0]]?.[infos[0]] || '') + ' ' + (x?.[roles[0]]?.[infos[1]] || '') const secondPlayer = (x?.[roles[1]]?.[infos[0]] || 'NoName') + ' ' + (x?.[roles[1]]?.[infos[1]] || 'NoSurname') return ('hello ' + firstPlayer + ' and ' + secondPlayer).trim(); }); console.log(res);Como ves, Aliado ya no está presente, y de esta manera estamos a salvo. Si ally no está presente en el primer ejemplo, falla al acceder a las propiedades de undefined.
Ps Lo siento si cambié de ` strings a ' strings concat, pero este fragmento no permite la sintaxis `.
Esto debería ser
const firstPlayer = `${(x?.[roles[0]]?.[infos[0]] || '')} ${(x?.[roles[0]]?.[infos[1]] || '')}`