Operador condicional (ternario)

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julio de 2015⁩.

Eloperador condicional (ternario) es el único operador en JavaScript que tiene tres operandos. Este operador se usa con frecuencia como atajo para la instrucciónif.

Sintaxis

condición ? expr1 : expr2

Parámetros

condición: Una expresión que se evalúa como true o false.
expr1,expr2: Expresión con valores de algún tipo.

Si lacondición estrue, el operador retorna el valor de laexpr1; de lo contrario, devuelve el valor deexpr2. Por ejemplo, para mostrar un mensaje diferente en función del valor de la variableisMember, se puede usar esta declaración:

"La Cuota es de:  " + (isMember ? "$2.00" : "$10.00");

También puedes asignar variables dependiendo del resultado de la condición ternaria:

var elvisLives = Math.PI > 4 ? "Sip" : "Nop";

También es posible realizar evaluaciones ternarias múltiples (Nota: El operador condicional es asociativo):

var firstCheck = false,  secondCheck = false,  access = firstCheck    ? "Acceso Denegado"    : secondCheck      ? "Acceso Denegado"      : "Acceso Permitido";console.log(access); // muestra "Acceso Permitido"

También puede usar operaciones ternarias en espacio vacío con el propósito de realizar diferentes operaciones:

var stop = false,  age = 16;age > 18 ? location.assign("continue.html") : (stop = true);

También puede realizar más de una operación por caso, separándolas con una coma:

var stop = false,  age = 23;age > 18  ? (alert("OK, puedes continuar."), location.assign("continue.html"))  : ((stop = true), alert("Disculpa, eres menor de edad!"));

También puede realizar más de una operación durante la asignación de un valor. En este caso,el último valor separado por una coma del paréntesis será el valor asignado.

var age = 16;var url =  age > 18    ? (alert("OK, puedes continuar."),      // alert devuelve "undefined", pero será ignorado porque      // no es el último valor separado por comas del paréntesis      "continue.html") // el valor a ser asignado si age > 18    : (alert("Eres menor de edad!"),      alert("Disculpa :-("),      // etc. etc.      "stop.html"); // el valor a ser asignado si !(age > 18)location.assign(url); // "stop.html"