HOWTO · JavaScript

Instrucción if en línea en JavaScript

Las sentencias condicionales de JavaScript se pueden operar con sentencias if en línea, también conocidas como operadores ternarios. Otro método es utilizar los operadores lógicos para obtener la respuesta perceptible

En esta página

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