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