Presentamos una guía básica de declaración If del operador ternario en JavaScript que ayudará a la sintaxis de los códigos.
El operador condicional, también conocido como operador ternario, es una forma alternativa de la declaración if/else que ayuda a escribir bloques de código condicional de una forma más concisa.
La sintaxis del operador condicional se ve así:
conditional ? expression_when_true : expression_when_false;
Por lo tanto, primero se debe escribir una expresión condicional que se evalúe en true o false. Si la expresión arroja verdadero, JavaScript ejecutará el código que se escriba en el lado izquierdo del operador de dos puntos (:) cuando arroja falso, se ejecutará el código del lado derecho del operador de dos puntos.
Para comprender cómo funciona, se puede comparar con una declaración normal if/else. Para ejemplificarlo, se puede citar un programa que asigna diferentes calificaciones de examen según su puntuación:
Cuando registra una puntuación superior a 80, asigna «A» como calificación, de lo contrario, asigna «B» como calificación.
En ese sentido, se puede escribir el programa de esta forma:
let score = 85;
let grade;
if(score >= 80){
grade = «A»;
} else {
grade = «B»;
}
console.log(`Your exam grade is ${grade}`);
Alternativamente, se puede escribir el código anterior usando el operador ternario de la siguiente manera:
let score = 85;
let grade = score >= 80 ? «A» : «B»;
console.log(`Your exam grade is ${grade}`);
Un operador ternario que reemplaza la instrucción if / else
De esta forma la taquigrafía del operador ternario es más concisa y corta que una declaración normal if/else.
Pero, ¿qué pasa si su código requiere varias declaraciones if/else? ¿Qué pasa si se agrega calificaciones «C» y «D» en la evaluación?
let score = 85;
let grade;
if(score >= 80){
grade = «A»;
} else if (score >= 70) {
grade = «B»;
} else if (score >= 60) {
grade = «C»;
} else {
grade = «D»;
}
console.log(`Your exam grade is ${grade}`);
En este caso, se puede escribir varios operadores ternarios para reemplazar el código anterior de esta manera:
let score = 85;
let grade = score >= 80 ? «A»
: score >= 70 ? «B»
: score >= 60 ? «C»
: «D»;
console.log(`Your exam grade is ${grade}`);
Sin embargo, no se recomienda reemplazar varias declaraciones if/else con múltiples operadores ternarios porque hace que el código sea más difícil de leer en el futuro. Es mejor apegarse a las declaraciones if/elseo switch para tales casos.
Leíste: Guía básica de declaración If del operador ternario en JavaScript, te recomendamos: Pasos para actualizar Timber 2.0 Alpha
Te invitamos a que nos sigas en nuestras redes sociales: Facebook, Twitter, Instagram y Youtube con el perfil: @tortugacode