Curso IT Fundamentos JavaScript 041_Ramas condicionales if, else, switch

Las sentencias condicionales en JavaScript incluyen principalmente if, else if, else y switch.

Sentencia if

La sentencia if se utiliza para determinar si se ejecuta un bloque de código basándose en una condición. Cuando la expresión condicional dentro de los paréntesis if(...) es true, se ejecuta una línea de sentencia después de if. Si desea controlar múltiples líneas de código, puede usar {} para encerrar las sentencias. Se recomienda usar siempre llaves {} para envolver bloques de código al usar la sentencia if, incluso si solo hay una sentencia, esto puede mejorar la legibilidad del código. Si la expresión condicional es false, no se ejecuta. Si la expresión condicional después de if no es un valor booleano, se convertirá primero a un valor booleano y luego se evaluará. El número 0, la cadena vacía "", null, undefined y NaN se convierten todos a false. Otros valores se convierten a true.

Ejemplo:

1
let age = 18;
2
if (age >= 18) console.log('Adulto');
3
if (age >= 18) {
4
  console.log('Adulto');
5
}

Sentencia if-else

La sentencia if-else puede ejecutar diferentes bloques de código según diferentes condiciones. Si el valor de la expresión es true, se ejecuta el bloque de código después de if; de lo contrario, se ejecuta el bloque de código después de else.

Ejemplo:

1
let age = 25;
2
if (age >= 18) {
3
  console.log('Adulto');
4
} else {
5
  console.log('Menor de edad');
6
}

Sentencia else if

La sentencia else if es una extensión utilizada en la estructura if-else, que permite agregar múltiples condiciones para juzgar. La sentencia else if evaluará las expresiones condicionales después de if de arriba hacia abajo hasta que aparezca una condición true. Cuando aparece una condición true, las condiciones posteriores no se continuarán evaluando. Es necesario diseñar razonablemente el orden de las condiciones o agregar condiciones de operación lógica.

Ejemplo:

1
let score = 95;
2
if (score >= 90) {
3
  console.log('Excelente');
4
} else if (score >= 60) { //¿Intente ordenar esta condición primero y vea cuál es el resultado?
5
  console.log('Aprobado');
6
} else {
7
  console.log('Reprobado');
8
}

Sentencia switch

La sentencia switch puede reemplazar múltiples juicios if, realizando una selección de múltiples ramas según el valor de una expresión. Al ejecutarse, la sentencia switch comparará estrictamente igual la expresión después de switch con la expresión después de case en secuencia. Si el resultado de la comparación es true, la sentencia switch ejecutará el bloque de código correspondiente después de case, hasta encontrar la sentencia break más cercana (o hasta el final de la sentencia switch). Si no hay un case coincidente, se ejecuta el bloque de código default (si default existe).

Ejemplo:

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('Lunes');
5
      break;
6
  case 2:
7
      console.log('Martes');
8
    break;
9
  case 6: //agrupación de case
10
  case 7: //Varias ramas case que comparten el mismo bloque de código se pueden agrupar
11
      console.log('Fin de semana');
12
      break;
13
  default:
14
      console.log('Otro');
15
}

break para terminar (salir) del ciclo

break se utiliza para terminar (salir) del ciclo actual o la sentencia switch. Si no hay break, continuará ejecutando el case subsiguiente (es decir, ocurre el fenómeno de “caída”).

Ejemplo:

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('Lunes');
5
    break;
6
  case 2:
7
    console.log('Martes');
8
    // Sin break, continuará ejecutando el siguiente case
9
  case 3:
10
    console.log('Miércoles');
11
    break;
12
  default:
13
    console.log('Otro');
14
}