Apuntes sobre Javascript

JavaScript lo resuelve todo... eventualmente.

¿Qué son las istrucciones condicionales?

Las condicionales son instrucciones que ejecutan código solo si se cumple una condición. En JavaScript, las principales herramientas para condicionales son if, else, else if y switch. Estas estructuras evalúan expresiones booleanas (true o false) y deciden qué bloque de código ejecutar.

1. La Estructura if

La instrucción if ejecuta un bloque de código si una condición es true.

Sintaxis:

if (condición) {
  // Código que se ejecuta si la condición es true
}

Ejemplo práctico:

let edad = 18;

if (edad >= 18) {
  console.log("Eres mayor de edad");
}

Aquí, si edad es 18 o más, se imprime el mensaje. Si no, no pasa nada.

2. Agregando else

La instrucción else se usa para ejecutar un bloque de código si la condición del if es false.

Sintaxis:

if (condición) {
  // Código si la condición es true
} else {
  // Código si la condición es false
}

Ejemplo práctico:

let temperatura = 15;

if (temperatura > 20) {
  console.log("Hace calor, ¡ponte una camiseta!");
} else {
  console.log("Hace fresco, lleva una chaqueta.");
}

3. Usando else if para más condiciones

Cuando necesitas verificar varias condiciones, usa else if. Esto te permite encadenar múltiples casos.

Sintaxis:

if (condición1) {
  // Código si condición1 es true
} else if (condición2) {
  // Código si condición2 es true
} else {
  // Código si ninguna condición es true
}

Ejemplo práctico:

let hora = 14;

if (hora < 12) {
  console.log("Buenos días");
} else if (hora < 18) {
  console.log("Buenas tardes");
} else {
  console.log("Buenas noches");
}

Dependiendo de la hora, se imprime un saludo diferente.

4. La Estructura switch

El switch es una alternativa a if cuando quieres comparar una variable contra varios valores específicos. Es útil para casos claros, como menús o estados.

Sintaxis:

switch (expresión) {
  case valor1:
    // Código si expresión === valor1
    break;
  case valor2:
    // Código si expresión === valor2
    break;
  default:
    // Código si no coincide con ningún caso
}
  • break: Detiene el switch para no ejecutar los casos siguientes.
  • default: Es como el else, se ejecuta si ningún caso coincide.

Ejemplo práctico:

let dia = "lunes";

switch (dia) {
  case "lunes":
    console.log("Ánimo, empieza la semana");
    break;
  case "viernes":
    console.log("¡Ya casi es fin de semana!");
    break;
  case "domingo":
    console.log("Descansa, es domingo");
    break;
  default:
    console.log("Es un día normal");
}

Si dia es "lunes", se imprime "Ánimo, empieza la semana". Si no coincide con ningún caso, se ejecuta el default.

Combinando Condicionales con Operadores

Puedes usar los operadores lógicos (&&, ||, !) para crear condiciones más complejas.

Ejemplo:

let edad = 16;
let tienePermiso = true;

if (edad >= 18 || tienePermiso) {
  console.log("Puedes conducir");
} else {
  console.log("No puedes conducir");
}

Aquí, se permite conducir si la persona es mayor de 18 o tiene permiso.

Buenas Prácticas

  1. Usa condiciones claras: Escribe expresiones fáciles de entender, como edad >= 18 en lugar de cosas complicadas.
  2. Evita anidar demasiado: Si tienes muchos if dentro de otros if, tu código puede volverse confuso. Considera usar else if o switch.
  3. Usa switch para casos específicos: Si comparas una variable contra valores exactos (como días de la semana), switch es más limpio que muchos if.
  4. Prueba tu lógica: Usa console.log para verificar que tus condiciones funcionan como esperas.
TOP