Tengo el siguiente operador de encadenamiento
const age = data.student?.age ? data.student.age: '';esto funciona bien en mi máquina local pero parece tener problemas en otra máquina. en una investigación adicional, pude entender que la versión inferior del nodo js (supongo que la versión inferior a 12) no admite el operador de encadenamiento. Entiendo que puedo reemplazar esto con una condición como la siguiente, pero me gustaría saber sugerencias sobre cuál es la mejor alternativa posible para esto.
function checkAge(data){ if(data && data.student && data.student.age) { return data.student.age; } else { return ''; } } const age = checkAge(data);No hay necesidad de cambiar el código. Solo necesita modificar la opción de target en su configuración de TypeScript y establecerla en cualquier ES2019 o inferior. Luego puede usar el encadenamiento opcional en su código TypeScript y el compilador producirá el código equivalente.
El código TypeScript
const foo = a?.b?.c;se convierte
"use strict"; var _a; const foo = (_a = a === null || a === void 0 ? void 0 : ab) === null || _a === void 0 ? void 0 : _a.c;cuando se compila: Playground Link
Si el problema es la legibilidad, probablemente podría intentar destruir objetos. Entonces, su asignación se vería así:
const { student: { age = '' } = {} } = dataSuponiendo que declarar age como const , no contaminar el alcance con variables intermedias, y devolver un número incluso para '0' y una cadena vacía en caso de indefinido son todos imprescindibles, la opción más corta que me viene a la mente sería la siguiente:
const age = (d=>(isNaN(d=(d.student||{}).age)?'':d))(data);Para enfoques menos estrictos, la solución más limpia sería:
const age = (data.student || {}).age || ""; // In this case, though, numeric 0 would also be returned as empty string.Por otro lado, si necesita hacer esto más de unas pocas veces, le recomendaría implementar una función de selección práctica como:
const pick = (target, path)=>path.split(".") .reduce( (acc,key)=>acc&&acc[key] ,target ) ; // And then... const age = pick(data, 'student.age');Para el enfoque de selección, valdría la pena reducir el número de llamadas de función realizadas por la función pick() . Acabo de usar reduce en aras de la brevedad y la simplicidad.