enero 26, 2021

Guía básica de declaración If del operador ternario en JavaScript

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