logo

Cómo usar el operador ternario en JavaScript, con ejemplos

Este breve artículo explicará qué es el operador ternario está en JavaScript y cómo usarlo.

El operador ternario es una abreviatura si declaración para ejecutar código rápidamente en función de si se cumple una condición.

Simplifica su código y reduce el desorden visual.

Así es como se usa.

Sintaxis del operador ternario de JavaScript

La sintaxis para usar el operador ternario es la siguiente:

CONDITION ? TRUE_EXPRESSION : FALSE_EXPRESSION

Tenga en cuenta que:

  • CONDICIÓN debe ser un valor o una expresión que pueda evaluarse como veracidad o no veraz
  • TRUE_EXPRESSION es la expresión que se ejecutará si CONDITION es verdadera
  • FALSE_EXPRESSION es la expresión que se ejecutará si CONDITION no es verdadera
  • ¿? carácter separa la condición de las expresiones, y el : carácter separa las expresiones verdadero/falso
  • La expresión completa devolverá el resultado de la evaluación TRUE_EXPRESSION o FALSE_EXPRESSION
    • Esto se puede asignar a una variable, lo que le permite asignar valores a las variables de forma condicional

Ejemplo de operador ternario

Considere esto si declaración:

var myNumber = 4;
var myText = "";
if(myNumber > 3) {
    myText = "myNumber is greater than 3";
} else {
    myText = "myNumber is less than 3";
}

Establece el valor de myText variable basada en el valor de myNumber . Es mucho código para una tarea relativamente simple.

Aquí está de nuevo, pero esta vez usando un operador ternario en lugar de un si declaración:

var myNumber = 4;
var myText = myNumber > 3 ? "myNumber is greater than 3" : "myNumber is less than 3";

Puede ver la CONDICIÓN (myNumber> 3 ), TRUE_EXPRESSION (“miNúmero es mayor que 3” ), y FALSE_EXPRESSION (“myNumber is less than 3” ) formando la expresión ternaria, cuyo resultado se asigna a la variable myText .

La cantidad de código se reduce considerablemente y myText recibe el resultado de la operación ternaria como su valor.

Puede ver más ejemplos en la Documentación para desarrolladores de Mozilla aquí.

Los operadores ternarios hacen que el código sea más legible, si tiene muchos si simples. declaraciones, realmente pueden limpiar su código. Simplemente no los use si factura por el número de líneas de código que escribe.