Operador condicional ternario de JavaScript

1. Ejemplo: operador condicional ternario de JavaScript
2. Ejemplo: operadores ternarios anidados de JavaScript
3. Ejemplo: varias operaciones en el operador ternario de JavaScript

Este tutorial presentará cómo utilizar el operador condicional ?: En JavaScript.

La instrucción if ... else nos ayuda a ejecutar un determinado bloque de código solo si se cumple una determinada condición. El operador condicional, también conocido como operador ternario, es una abreviatura de una línea para las declaraciones if ... else. Ayuda a escribir código limpio y conciso. Es el único operador de JavaScript que requiere 3 operandos: la condición a evaluar, una expresión a ejecutar si la condición es true y una expresión a ejecutar si la condición es false. Como toma 3 operandos, su nombre es el operador ternario.

condition ? expression1 : expression2

El operador ternario evalúa primero la condition dada. La condición está separada de expression1 por un ? y expression2 está separada de expression1 por un :. Si la condition es verdadera, entonces el operador condicional ejecuta la expression1, de lo contrario ejecuta expression2.

Ejemplo: operador condicional ternario de JavaScript

var age = 18;
var canVote;
if (age >= 18) {
  canVote = 'yes';
} else {
  canVote = 'no';
}

El ejemplo anterior muestra una instrucción condicional ejecutada usando la instrucción tradicional if ... else.

var age = 18;
var canVote = age >= 18 ? 'yes' : 'no';

Hemos reescrito el código anterior usando el operador ternario.

Ejemplo: operadores ternarios anidados de JavaScript

Al igual que la declaración if ... else, también podemos usar operadores ternarios anidados para realizar múltiples comprobaciones de condiciones.

var carSpeed = 90;
var warning =
    speed >= 100 ? 'Way Too Fast!!' : (speed >= 80 ? 'Fast!!' : 'Nice :)');
console.log(warning);

En el código anterior, generamos una advertencia para el automóvil en función de la velocidad del automóvil. Primero, verificamos si carSpeed es superior a 100 y si se cumple la condición, generamos una advertencia que indica que el automóvil se está moviendo Way Too Fast!!. De lo contrario, hemos anidado una segunda expresión que verifica si carSpeed es mayor que 80 y muestra Fast / Nice según la evaluación.

Ejemplo: varias operaciones en el operador ternario de JavaScript

Podemos ejecutar múltiples operaciones dentro de un operador ternario como declaraciones if ... else.

let isStudent = true;
let primeVideo = 12;
isStudent ?
    (primeVideo = primeVideo / 2, alert('Enjoy your student discount')) :
    (alert('You have to pay full price'));

En el código anterior, realizamos dos operaciones en lugar de una, cambiando el valor de primeVideo a su mitad y alertamos al usuario.