Instrucción if en línea en JavaScript

Anika Tabassum Era 12 octubre 2023
  1. Declaración if en línea simple con operación ternaria en JavaScript
  2. Operación ternaria de declaración if en línea de condición múltiple en JavaScript
  3. Declaración if en línea con operador lógico en JavaScript
Instrucción if en línea 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:

Simple_Inline_if_statement

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:

declaración_de_consición_múltiple_si_otro

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:

operador_lógico_si_declaración

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook

Artículo relacionado - JavaScript Condition