Uso avanzado: Operadores ternarios y lógicos en JS

En este episodio se explora el uso eficiente y las trampas comunes de los operadores ternarios y los operadores lógicos en JavaScript.

Operador Ternario

El operador ternario actúa como una expresión que evalúa una condición y devuelve un valor basado en si el resultado es true o false.

• Sintaxis: condición ? valorTrue : valorFalse
• Se destaca su utilidad para ejecutar funciones o código dinámico mediante evaluación de expresiones.

• "Lo malo es utilizarlas mal. Y entonces se vuelven horribles cuando se utilizan mal, por ejemplo, utilizando ternarias anidadas."

Operadores Lógicos (AND, OR, Nullish)

Se analiza cómo funcionan los operadores de corto circuito y el riesgo de los valores falsy.

• Operador AND (&&): Devuelve el primer valor falsy, o el último valor evaluado si todos son trucy.
• Operador OR (||): Riesgoso para valores iniciales si el valor es 0 o false, ya que los interpreta erróneamente.
• Nullish Coalescing (??): La solución ideal para definir valores por defecto, ya que solo reacciona ante null o undefined, protegiendo valores como el número 0.

"Si tienes un contador que empieza en cero, el OR te lo cambia a 25 porque lo considera un valor falsy. El nullish, en cambio, mantiene el cero."