Instrucción if en línea en JavaScript
-
Declaración
if
en línea simple con operación ternaria en JavaScript -
Operación ternaria de declaración
if
en línea de condición múltiple en JavaScript -
Declaración
if
en línea con operador lógico en JavaScript
La operación condicional es una de las concepciones básicas de codificación para cualquier lenguaje de programación. La convención es inferir el resultado de mejor ajuste a partir de múltiples condiciones disponibles. JavaScript admite tanto la estructura habitual if...else
como los operadores ternarios.
En la siguiente sección, presentaremos cómo aplicar declaraciones condicionales usando operadores ternarios y operadores lógicos.
Declaración if
en línea simple con operación ternaria en JavaScript
En general, este tipo de práctica de codificación establece primero la condición base y separa el posible resultado con un ?
. Los posibles resultados se separan con dos puntos (:)
. La estructura de operación ternaria solo toma una sola línea de código para generar el resultado, por lo que se denomina declaración if
en línea.
Fragmento de código:
var x = 5;
var y = 10;
var z = x > y ? x : y;
console.log(z);
Producción:
El ejemplo explica la condición donde se compara la variable x
con la variable y
. Si x
es mayor que y
, entonces z
tiene el valor de x
, distinto del valor de y
. Esta es la alternativa a la estructura básica if...else
.
Operación ternaria de declaración if
en línea de condición múltiple en JavaScript
Múltiples condiciones se refieren a más de una condición; más específicamente, es la estructura para if...else if...else
. Cada ámbito de condición tendrá un caso de retorno, y el valor de retorno de la condición aplicable es la respuesta. La documentación brinda una mejor vista previa del caso.
Fragmento de código:
var x = 5;
var y = 5;
var z = x > y ? 'true' : x < y ? 'false' : 'false';
console.log(z);
Producción:
De acuerdo con la salida, se ve que aquí una declaración if
(x>y)
también estaba presente sobre que había un caso de retorno "true"
. Más tarde para if else
, tenemos (x<y)
como condición, y eso devuelve "false"
. Además, si la condición aplicada coincide, devolvemos "false"
, que es nuestra declaración else
.
Declaración if
en línea con operador lógico en JavaScript
En esta práctica, una condición dada que satisface el valor devuelto se escribe después del operador (&&)
. Y si se dirige a la condición else
, el valor de retorno se establece después de ||
operador. Veamos la demostración con un ejemplo de código.
Fragmento de código:
var x = 5;
var y = 10;
var z = (x < y) && x || y;
console.log(z);
Producción: