Estructuras de Control de Flujo en JavaScript

Condicionales

Los condicionales permiten ejecutar diferentes bloques de código según condiciones específicas.

Condicional if

El condicional if evalúa una expresión booleana y ejecuta un bloque de código si la condición es verdadera. En el ejemplo, si la temperatura es mayor a 25, imprime “Hace calor”. Se utiliza para tomar decisiones en función de condiciones específicas.

javascript
let temperatura = 30;
if (temperatura > 25) {
  console.log("Hace calor.");
}

Condicional if y else

El condicional if y else permite ejecutar diferentes bloques de código según si una condición es verdadera o falsa. En el ejemplo, si la edad es mayor o igual a 18, imprime “Eres mayor de edad”; de lo contrario, imprime “Eres menor de edad”. Es útil para manejar dos posibles resultados.

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

Condicional if, else if y else

El condicional if, else if y else permite evaluar múltiples condiciones secuencialmente. En el ejemplo, si la nota es 90 o más, imprime “Excelente”; si es 75 o más, imprime “Bueno”; y si no cumple ninguna de estas condiciones, imprime “Necesita mejorar”. Es útil para categorizar resultados en más de dos niveles.

javascript
let nota = 85;
if (nota >= 90) {
  console.log("Excelente");
} else if (nota >= 75) {
  console.log("Bueno");
} else {
  console.log("Necesita mejorar");
}

Operador ternario

El operador ternario es una forma compacta de escribir una declaración condicional. Evalúa una condición y devuelve un valor si es verdadera y otro si es falsa. En el ejemplo, asigna “Eres adulto.” a esAdulto si edad es 18 o más; de lo contrario, asigna “Eres menor.”. Es útil para simplificar condiciones simples en una sola línea.

javascript
let esAdulto = (edad >= 18) ? "Eres adulto." : "Eres menor.";

Condicional switch

El condicional switch evalúa una expresión y ejecuta el bloque de código correspondiente al caso que coincida. En el ejemplo, si fruta es “manzana”, imprime “Es una manzana.”; si es “banana”, imprime “Es una banana.”; de lo contrario, muestra “Fruta desconocida.”* Es útil para manejar múltiples condiciones de manera más legible que con múltiples if.

javascript
let fruta = "manzana";
switch (fruta) {
  case "manzana":
      console.log("Es una manzana.");
      break;
  case "banana":
      console.log("Es una banana.");
      break;
  default:
      console.log("Fruta desconocida.");
}

Bucles

Los bucles permiten repetir bloques de código varias veces, facilitando la iteración sobre datos.

Bucle for

*El bucle for es una estructura que permite ejecutar un bloque de código un número específico de veces. Es útil para iterar sobre arrays o realizar acciones repetitivas. Se compone de tres partes: inicialización, condición de continuación y actualización. Por ejemplo, puedes usarlo para recorrer un array de elementos y ejecutar acciones con cada uno de ellos.

javascript
for (let i = 0; i < 5; i++) {
  console.log(i);
}

Bucle while

El bucle while ejecuta un bloque de código mientras la condición especificada sea verdadera. En el ejemplo, imprime los números del 0 al 4. La condición i < 5 se evalúa antes de cada iteración, y i se incrementa en cada paso. Es útil para repetir acciones cuando no se conoce de antemano el número exacto de iteraciones.

javascript
let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

Bucle do-while

El bucle do-while ejecuta un bloque de código al menos una vez y luego evalúa la condición. En el ejemplo, imprime los números del 0 al 4. La diferencia clave es que la condición se verifica después de la ejecución, asegurando que el código dentro del do se ejecute antes de comprobar si continuar. Es útil cuando necesitas que el código se ejecute al menos una vez, independientemente de la condición inicial.

javascript
let j = 0;
do {
  console.log(j);
  j++;
} while (j < 5);

Bucle for..of (para arrays)

El bucle for..of permite iterar directamente sobre los elementos de un array. En el ejemplo, imprime cada fruta en el array frutas. Es una forma sencilla y legible de acceder a los valores sin necesidad de usar índices, ideal para recorrer colecciones de datos.

javascript
let frutas = ["manzana", "banana", "cereza"];
for (let fruta of frutas) {
  console.log(fruta);
}

Bucle for..in (para objetos)

El bucle for..in se utiliza para iterar sobre las propiedades de un objeto. En el ejemplo, imprime cada clave y su valor correspondiente del objeto persona. Es útil para acceder a todas las propiedades de un objeto, permitiendo manipular o mostrar sus datos de manera sencilla.

javascript
let persona = { nombre: "Juan", edad: 30 };
for (let clave in persona) {
  console.log(clave + ": " + persona[clave]);
}