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");
}

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");
}

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

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");
}

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}`);

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}`);