3. Estructuras de control de flujo: cómo controlar el flujo de ejecución de un programa en JavaScript a través de if/else, switch y bucles for y while.

Las estructuras de control de flujo son una parte fundamental de cualquier lenguaje de programación y JavaScript no es la excepción. Estas estructuras te permiten controlar el flujo de ejecución de un programa y realizar diferentes acciones en función de diferentes condiciones. En este artículo, veremos cómo utilizar las estructuras de control de flujo if/else, switch y bucles for y while en JavaScript para controlar el flujo de ejecución de tus programas.

If/Else: controla el flujo en función de una condición

Las estructuras de control de flujo if/else te permiten ejecutar diferentes bloques de código en función de si se cumple o no una determinada condición. La sintaxis básica de una estructura if/else en JavaScript es la siguiente:

if (condición) {
  // Ejecuta este bloque si se cumple la condición
} else {
  // Ejecuta este bloque si no se cumple la condición
}

Por ejemplo, si queremos imprimir un mensaje en pantalla si un número es mayor que 10, podríamos utilizar la siguiente estructura if/else:

var numero = 15;
if (numero > 10) {
  console.log("El número es mayor que 10");
} else {
  console.log("El número no es mayor que 10");
}
En este ejemplo, se cumple la condición numero > 10, por lo que se ejecutará el primer bloque de código y se imprimirá en pantalla "El número es mayor que 10".

Switch: selecciona un bloque de código en función de un valor

La estructura switch te permite ejecutar un bloque de código determinado en función de un valor concreto. La sintaxis básica de una estructura switch en JavaScript es la siguiente:

switch (valor) {
  case valor1:
    // Ejecuta este bloque si valor es igual a valor1
    break;
  case valor2:
    // Ejecuta este bloque si valor es igual a valor2
    break;
  ...
  default:
    // Ejecuta este bloque si ninguno de los valores coincide con valor
break;
}

 

// Por ejemplo, si queremos imprimir un mensaje en pantalla en función del día de la semana, 
// podríamos utilizar la siguiente estructura switch:

var diaSemana = "lunes";
switch (diaSemana) {
  case "lunes":
    console.log("Hoy es lunes");
    break;
  case "martes":
    console.log("Hoy es martes");
    break;
  case "miércoles":
    console.log("Hoy es miércoles");
    break;
...
  default:
    console.log("No es un día de la semana válido");
    break;
}
// En este ejemplo, el valor de `diaSemana` es "lunes", por lo que se 
// ejecutará el primer bloque de código y se imprimirá en pantalla "Hoy es lunes".

Bucle for: repite un bloque de código un número determinado de veces

Los bucles for te permiten repetir un bloque de código un número determinado de veces. La sintaxis básica de un bucle for en JavaScript es la siguiente:

for (var i = 0; i < 10; i++) {
// Ejecuta este bloque 10 veces, con i = 0, 1, 2, ..., 9
}

 

Por ejemplo, si queremos imprimir en pantalla los números del 1 al 10, podríamos utilizar el siguiente bucle for:

for (var i = 1; i <= 10; i++) {
console.log(i);
}

En este ejemplo, se ejecutará el bloque de código 10 veces, con `i` tomando los valores 1, 2, 3, …, 10, y se imprimirán en pantalla los números del 1 al 10.

Bucle while: repite un bloque de código mientras se cumpla una condición

Los bucles while te permiten repetir un bloque de código mientras se cumpla una determinada condición. La sintaxis básica de un bucle while en JavaScript es la siguiente:

while (condición) {
// Ejecuta este bloque mientras se cumpla la condición
}

Por ejemplo, si queremos imprimir en pantalla los números del 1 al 10, podríamos utilizar el siguiente bucle while:

var i = 1;
while (i <= 10) {
console.log(i);
i++;
}
// En este ejemplo, se ejecutará el bloque de código mientras `i` sea menor o igual a 10, 
// y se imprimirán en pantalla los números del 1 al 10.

Preguntas frecuentes sobre estructuras de control de flujo

  1. ¿Cuál es la diferencia entre if/else y switch?

La principal diferencia entre if/else y switch es que if/else te permite hacer múltiples comparaciones con diferentes valores, mientras que switch te permite hacer una sola comparación con un único valor.

  1. ¿Cuándo debo utilizar un bucle for y cuándo debo utilizar un bucle while?

Deberías utilizar un bucle for cuando conoces de antemano el número de veces que quieres repetir un bloque de código, y deberías utilizar un bucle while cuando quieres repetir un bloque de código mientras se cumpla una determinada condición.

  1. ¿Qué pasa si olvido poner el break en un bloque de código switch?

Si olvidas poner el break en un bloque de código switch, los bloques de código siguientes también se ejecutarán, lo que puede causar errores en el programa.

Conclusión

Las estructuras de control de flujo son una parte fundamental de cualquier lenguaje de programación, y JavaScript no es la excepción. Conocer cómo utilizar estructuras como if/else, switch y bucles for y while te permitirá controlar el flujo de ejecución de tus programas de manera eficiente y precisa. ¡Practica y perfecciona tus habilidades para convertirte en un programador de JavaScript de élite!