Qué es y cómo usar el condicional IF-ELSE en JavaScript

Los condicionales if e if-else son estructuras de control fundamentales que permiten tomar decisiones basadas en evaluaciones booleanas.

El condicional IF

La estructura if evalúa una expresión booleana y ejecuta un bloque de código solo si la expresión resulta ser true. La sintaxis básica de un condicional if en JavaScript es:

if (condicion) {
    // Código a ejecutar si la condición es verdadera
}

Veámoslo con un ejemplo:

let numero = 10;

if (numero > 5) {
    console.log("El número es mayor que 5");
}

En este ejemplo, la condición numero > 5 se evalúa como true, por lo que el mensaje “El número es mayor que 5” se imprime en la consola.

El condicional IF ELSE

El condicional if permite añadir un bloque else de código alternativo que se ejecutará si la condición del if es false. La sintaxis básica es:

if (condicion) {
    // Código a ejecutar si la condición es verdadera
} else {
    // Código a ejecutar si la condición es falsa
}

Veámoslo con un ejemplo:

let numero = 3;

if (numero > 5) {
    console.log("El número es mayor que 5");
} else {
    console.log("El número no es mayor que 5");
}

En este caso:

• La condición numero > 5 es false
• Por lo que se ejecuta el bloque de código dentro del else
• Por tanto, se imprime “El número no es mayor que 5” en la consola

El condicional IF ELSE-IF

Para evaluar múltiples condiciones, se puede encadenar múltiples bloques if / else-if / else. Esto permite evaluar varias condiciones en secuencia hasta que una de ellas sea verdadera.

if (condicion1) {
    // Código a ejecutar si la condición1 es verdadera
} else if (condicion2) {
    // Código a ejecutar si la condición1 es falsa y la condición2 es verdadera
} else {
    // Código a ejecutar si todas las condiciones anteriores son falsas
}

Uso de operadores lógicos en condicionales

Para evaluar múltiples condiciones dentro de un solo if, se pueden utilizar operadores lógicos como && (AND lógico) y || (OR lógico).

Operador AND (&&)

El operador && evalúa como true solo si ambas condiciones son verdaderas.

let numero = 10;

if (numero > 5 && numero < 15) {
    console.log("El número está entre 5 y 15");
}

Operador OR (||)

El operador || evalúa como true si al menos una de las condiciones es verdadera.

let numero = 20;

if (numero < 5 || numero > 15) {
    console.log("El número es menor que 5 o mayor que 15");
}

Ejemplos Prácticos

Determinar si un número es menor que 5 o mayor que 15

En este ejemplo, determinamos si un número es menor que 5, mayor que 15, o está en el rango intermedio.

let numero = 10;

if (numero > 15) {
    console.log("El número es mayor que 15");
} else if (numero > 5) {
    console.log("El número es mayor que 5 pero menor o igual a 15");
} else {
    console.log("El número es 5 o menor");
}

Aquí, evaluamos secuencialmente las condiciones:

• numero > 15 es false
• pero numero > 5 es true
• Por lo que se imprime “El número es mayor que 5 pero menor o igual a 15”.

Determinar el mayor de tres números

En este ejemplo, encontramos el mayor de tres números utilizando estructuras if-else.

let a = 5, b = 10, c = 3;
let mayor;

if (a > b && a > c) {
    mayor = a;
} else if (b > a && b > c) {
    mayor = b;
} else {
    mayor = c;
}

console.log(`El número mayor es: ${mayor}`);

Verificar rangos de calificaciones

En este ejemplo, asignamos una letra de calificación basada en un puntaje numérico utilizando una serie de condiciones if-else.

let calificacion = 85;
let rango;

if (calificacion >= 90) {
    rango = "A";
} else if (calificacion >= 80) {
    rango = "B";
} else if (calificacion >= 70) {
    rango = "C";
} else if (calificacion >= 60) {
    rango = "D";
} else {
    rango = "F";
}

console.log(`La calificación es: ${rango}`);