Operador ternario en JavaScript
Aprenda e implemente la programación condicional utilizando el operador ternario en el código fuente de JavaScript. Veremos el uso y las ventajas del retorno ternario en la programación de JavaScript.
Operador ternario en JavaScript
El operador ternario nos ayuda a escribir la declaración condicional en un código pequeño.
Sintaxis:
condition_check ? condition_if_true : condition_if_false;
Como se muestra arriba, la condición se verifica con el ? operador. Después de ese operador, necesitamos escribir la primera expresión (la declaración exitosa), y el operador : para la segunda expresión será un caso fallido.
Un operador ternario evalúa una condición y ejecuta un fragmento de código basado en la condición definida. Si la condición es verdadera, se ejecutará la primera expresión, o bien ejecutará la segunda expresión.
Veamos un ejemplo con la sentencia condicional if else.
Ejemplo de código:
let marks = 50;
// with if else
if (marks >= 40) {
console.log('You are passed!');
} else {
console.log('You are failed!');
}
// same task with ternary operator
marks >= 40 ? console.log('You are passed!') : console.log('You are failed!')
Producción :
You are passed!
You are passed!
En el ejemplo anterior, creamos la misma declaración condicional con if else y ternario ? : operador y los resultados son los mismos. Ambas declaraciones realizan la misma funcionalidad, pero el operador ternario es más conciso.
Operador ternario con declaración return en JavaScript
Para obtener un valor de retorno de una función de JavaScript en base condicional, podemos usar una declaración de operación ternaria con una palabra clave de retorno para lograrlo.
Ejemplo de código:
let marks = 80; // initialized
checkGrade(marks)
console.log('After updating marks')
marks = 70 // updating
checkGrade(marks)
function checkGrade(marks) {
return marks >= 80 ? console.log('You\'re Grade is A!') :
console.log('You\'re Grade is B!')
}
Producción :
"You're Grade is A!"
"After updating marks"
"You're Grade is B!"
En el ejemplo anterior, inicializamos la variable de marcas y llamamos a la función checkGrade() con el valor de las notas de aprobación como argumento, y en la función checkGrade(), usamos la palabra clave return con una declaración de operación ternaria .
Si las marcas son mayores o iguales a 80, imprimirá el grado A en los registros o, de lo contrario, imprimirá el grado B. Hemos pasado 80 puntos a la función para verificar la condición verdadera, y después de actualizar las marcas, hemos pasado 70 puntos a la función para verificar la declaración de condición falsa.