El operador condicional ternario en JavaScript

Operadores ternarios en javascrito

El operador condicional ternario se utiliza frecuentemente para simplificar la estructura condicional if/else. Se le llama así porque es el único operador de JavaScript que utiliza tres operandos.

Sintaxis

Su sintaxis es muy sencilla

condición ? EjecutaEstoSiVerdadero : EjecutaEstoSiFalso;

Lo veremos mejor con un Ejemplo

Imagina que le preguntas al usuario si es mayor de edad y guardas su respuesta en la variable mayorEdad

let mayorEdad = true;

Si el usuario es mayor de edad le decimos «Puedes pasar» y si no lo es le decimos «Stop». Con la estructura if/els podríamos escribirlo así:

if(mayorEdad == true){
    document.write("Puedes pasar);
}else{
    document.write("Stop");
}

Con el operador ternario podemos realizar exactamente la misma operación en una sola línea de código siendo más rápido de escribir y más fácil de entender el resultado:

document.write(mayorEdad ? "Puedes pasar" : "Stop";

Lo podríamos leer de la siguiente forma: «¿Eres mayor de edad? Puedes pasar, si no lo eres, Stop.«

Propiedad asociativa

El operador condicional ternario es asociativo por lo que podemos validar varias variables en una sola sentencia de código.

Imagina ahora que tenemos que crear una aplicación para un local de ocio nocturno donde el personal de seguridad ha de pedir a la clientela la edad y el pasaporte covid (certificado de vacunación tan de moda últimamente). Almacenamos la respuesta en las variables edad y certificadoCovid:

let edad = 25;
let certificadoCovid = true;

Usando el operador condicional ternario ternario podríamos solucionarlo del siguiente modo:

document.write(edad < 18 ? "Acceso denegado" : !certificadoCovid ? "Acceso denegado": "Adelante, pasa."

Lo podríamos lees de la siguiente forma: «¿Eres menor de edad? Acceso denegado, ¿No estás vacunado? Acceso denegado. De lo contrario, adelante, pasa«

Comments are closed, but trackbacks and pingbacks are open.