Hola ! me alegra que estes leyendo este tutorial, el cual es un tuto muy corto sobre el uso del operador ternario y como de esta manera podemos simplificar mucho las líneas de nuestro código, justamente en los condicionales que tienen una estructura que termina abarcando varias líneas de código.
Entonces para entender primero el operador ternario primero como requisito debemos entender que es un condicional if y sus variaciones, else, ifelse.
1. ¿Qué es el operador ternario?
El operador condicional (ternario) es el único operador en JavaScript que tiene tres operandos. Este operador se usa con frecuencia como atajo para la instrucción if.
Bueno pasemos de usar condicion if sencilla a usar el operador ternario:
La condición de este ejemplo se contextualiza como si fueramos a comprar un carro toyota en un concesionario, pero puede que haya carros de este tipo o no, asi que la condicion debe decirnos que si existen carros pues se puede comprar y si no hay carros que nos arroje un mensaje diferente, es un ejemplo usando if y un else
var cantCarrosToyota = 0;
if(cantCarrosToyota > 0){
console.log("Si tenemos disponible esa marca de autos");
} else {
console.log("no hay autos disponibles de esa marca :(");
}
Ahora como reduciríamos eso usando el operador ternario:
Sintaxis
condición ? expr1 : expr2
siendo la expr1 un si se cumpliera, osea un true, y la expr2 ese else que conocemos si no se cumpliera la condición, osea un false
var cantCarrosToyota = 0;
var respuesta = cantCarrosToyota > 0 ? "Si tenemos disponible esa marca de autos" : "no hay autos disponibles de esa marca :(";
console.log(respuesta);
En el ejemplo anterior simplemente almacenamos la condición en una variable llamada respuesta, y despues solo imprimimos esa variable, como ven lo que estaba dentro del if osea la condicion, la pregunta es lo primero que se expresa y se expresa de igual forma solo que al final se debe indicar el simbolo ? eso quiere decir que esa es la condicion que se debe cumplir para realizar el sigte codigo, que va a ser nuestro resultado si se cumple la condicion y separado por : lo que seria el else sino se cumple ejecuta este codigo de aca.
Bueno fue un tutorial muy sencillo pero espero que haya servido de algo =D gracias por leer ..
Genial, gracias