Domina las Condiciones Múltiples en las Sentencias if de JavaScript

Dominar la lógica condicional es crucial para construir aplicaciones JavaScript dinámicas y receptivas. Este artículo explora cómo manejar eficazmente múltiples condiciones dentro de tus sentencias if, mejorando significativamente la potencia y flexibilidad de tu código.

Tabla de Contenido

• Usando Operadores Lógicos para Múltiples Condiciones
• Combinando Operadores AND y OR
• Usando Sentencias if Anidadas
• El Operador Ternario para una Lógica Concisa

Usando Operadores Lógicos para Múltiples Condiciones

Los operadores lógicos de JavaScript son la base para manejar múltiples condiciones. Te permiten combinar expresiones booleanas para crear sentencias condicionales más complejas. Los tres operadores lógicos principales son:

• && (AND): Devuelve true solo si todas las expresiones son true.
• || (OR): Devuelve true si al menos una expresión es true.
• ! (NOT): Invierte el valor booleano de una expresión (true se convierte en false, y viceversa).

Ejemplo usando AND (&&):

let edad = 25;
let tieneLicencia = true;

if (edad >= 18 && tieneLicencia) {
  console.log("Eres elegible para conducir.");
} else {
  console.log("No eres elegible para conducir.");
}

Ejemplo usando OR (||):

let esFinDeSemana = true;
let esFestivo = false;

if (esFinDeSemana || esFestivo) {
  console.log("¡Es hora de relajarse!");
} else {
  console.log("Es un día laboral.");
}

Ejemplo usando NOT (!):

let estaConectado = false;

if (!estaConectado) {
  console.log("Por favor, inicia sesión.");
} else {
  console.log("¡Bienvenido de nuevo!");
}

Combinando Operadores AND y OR

Puedes combinar los operadores && y || para crear condiciones aún más intrincadas. Los paréntesis () son esenciales para controlar el orden de evaluación. Recuerda el orden de precedencia: ! (NOT) tiene la precedencia más alta, seguido de && (AND), y luego || (OR).

Ejemplo combinando AND y OR:

let temperatura = 25;
let estaSoleado = true;
let estaLluvioso = false;

if ((temperatura > 20 && estaSoleado) || estaLluvioso) {
  console.log("Es un buen día para salir, pero lleva un paraguas si llueve.");
} else {
  console.log("Quizás quédate en casa hoy.");
}

Usando Sentencias if Anidadas

Para escenarios complejos, anidar sentencias if proporciona una forma clara de manejar múltiples niveles de condiciones. Cada sentencia if anidada se evalúa solo si se cumple la condición if externa.

let edad = 15;
let tienePermisoPadres = true;

if (edad >= 18) {
  console.log("Puedes asistir al evento.");
} else {
  if (tienePermisoPadres) {
    console.log("Puedes asistir al evento con supervisión parental.");
  } else {
    console.log("No puedes asistir al evento.");
  }
}

El Operador Ternario para una Lógica Concisa

Para asignaciones condicionales simples, el operador ternario (condition ? valueIfTrue : valueIfFalse) ofrece una alternativa más concisa a una sentencia if-else completa.

let esAdulto = edad >= 18 ? true : false;
console.log(esAdulto); // Devuelve true si edad >= 18, false de lo contrario

Dominando estas técnicas, puedes construir aplicaciones JavaScript robustas y adaptables que manejan una amplia gama de escenarios condicionales con claridad y eficiencia.