Condicionales en JavaScript

Condicionales

• Los condicionales permiten tomar decisiones y crear ramificaciones en la lógica del software.
• Se evalúan condiciones para determinar si se deben ejecutar ciertas instrucciones.

Sintaxis básica de if

• La estructura básica de un condicional if es:

  if (condición) {
  // Instrucciones
  }
  

• Si solo hay una instrucción, se puede escribir en una sola línea sin llaves:

  if (condición) // Instrucción;
  

Tipos de condicionales y operadores

• >: Mayor que (if (1 > 0))
• <: Menor que (if (1 < 0))
• &&: Y (ambas condiciones deben ser verdaderas) (if (1 > 0 && 67 > 0))
• ||: O (al menos una condición debe ser verdadera) (if (1 > 10 || 67 > 0))
• ==: Igual en valor (if ("3" == 3))
• ===: Igual en valor y tipo (if ("3" === "3"))
• !: No (negación) (if (!(1 > 0)))
• !=: No es igual (if ("Doctor" != "Who"))
• !==: No es igual en valor o tipo (if ("Doctor" !== "Who"))
• >=: Mayor o igual que (if (10 >= 10))
• <=: Menor o igual que (if (10 <= 20))

else

• Permite ejecutar un bloque de código si la condición del if no se cumple.

  if (condición) {
  // Instrucciones si la condición es verdadera
  } else {
  // Instrucciones si la condición es falsa
  }
  

else if

• Permite anidar múltiples condiciones, pero solo se ejecutará el bloque de la primera condición que se cumpla.

  if (condición1) {
  // Instrucciones si condición1 es verdadera
  } else if (condición2) {
  // Instrucciones si condición2 es verdadera
  } else {
  // Instrucciones si ninguna condición es verdadera
  }
  

Operador ternario

• Es una forma concisa de escribir un if y else en una sola línea.

  condición ? "Valor si se cumple" : "Valor si no se cumple";
  

• Devuelve un valor dependiendo de si la condición es verdadera o falsa.
• Ejemplo: const saludo = nombre == "María" ? "Hola María" : "Hola desconocido";

Switch

• Se utiliza para comparar una variable con múltiples casos y ejecutar el bloque de código correspondiente al caso que coincida.

  switch (variable) {
  case 0:
  // Instrucciones para el caso 0
  break;
  case 1:
  // Instrucciones para el caso 1
  break;
  default:
  // Instrucciones si no coincide con ningún caso
  break;
  }
  

• La instrucción break es importante para evitar que se ejecuten los casos siguientes.

Operador de coalescencia nulo (??)

• Devuelve el operando de la derecha si el operando de la izquierda es null o undefined.
• A diferencia de ||, no devuelve el operando de la derecha para valores falsos como "" o 0.
• Ejemplo: const variable = valorNulo ?? "Valor por defecto";

Encadenamiento opcional (?.)

• Permite acceder a propiedades de un objeto que pueden ser nulas o indefinidas sin que se produzca un error.
• Si una propiedad en la cadena es null o undefined, la expresión devuelve undefined en lugar de lanzar un error.
• Se puede combinar con el operador de coalescencia nulo (??) para proporcionar un valor por defecto.
• Ejemplo: perfil.comentarios?.nombre ?? "Sin comentarios"