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