Apuntes javascript

JavaScript lo resuelve todo... eventualmente.

¿Qué son los bucles?

Un bucle es una estructura que repite un bloque de código mientras se cumpla una condición.

1. El Bucle for

El bucle for es ideal cuando sabes cuántas veces quieres repetir algo. Es el más usado para contar o recorrer listas.

Sintaxis:

for (inicio; condición; actualización) {
  // Código que se repite
}
  • Inicio: Configura una variable inicial (por ejemplo, let i = 0).
  • Condición: Se evalúa antes de cada repetición; si es true, el bucle continúa.
  • Actualización: Cambia la variable después de cada repetición (por ejemplo, i++).

Ejemplo práctico:

for (let i = 1; i <= 5; i++) {
  console.log("Número: " + i);
}

Resultado:

Número: 1
Número: 2
Número: 3
Número: 4
Número: 5

Aquí:

  • let i = 1: Empieza en 1.
  • i <= 5: Continúa mientras i sea menor o igual a 5.
  • i++: Incrementa i en 1 después de cada repetición.

2. El Bucle while

El bucle while repite un bloque de código mientras una condición sea true. Es útil cuando no sabes exactamente cuántas veces se repetirá.

Sintaxis:

while (condición) {
  // Código que se repite
}

Ejemplo práctico:

let contador = 1;

while (contador <= 5) {
  console.log("Contador: " + contador);
  contador++; // ¡No olvides actualizar la variable!
}

Resultado:

Contador: 1
Contador: 2
Contador: 3
Contador: 4
Contador: 5

Cuidado: Si olvidas actualizar la variable (como contador++), puedes crear un bucle infinito que colgará tu programa. Por ejemplo: 

while (true) {
  console.log("¡Esto no para!");
}

¡Evita esto probando tu código con cuidado!

3. El Bucle do...while

El bucle do...while es similar a while, pero garantiza que el código se ejecute al menos una vez antes de verificar la condición.

Sintaxis:

do {
  // Código que se repite
} while (condición);

Ejemplo práctico:

let numero = 1;

do {
  console.log("Número: " + numero);
  numero++;
} while (numero <= 5);

Resultado:

Número: 1
Número: 2
Número: 3
Número: 4
Número: 5

Diferencia con while: Si la condición es false desde el principio, do...while ejecuta el código una vez, mientras que while no lo ejecuta.

Ejemplo:

let x = 10;

do {
  console.log("Esto se ejecuta una vez");
} while (x < 5); // Condición falsa, pero se ejecuta una vez

Controlando Bucles: break y continue

Puedes modificar el comportamiento de los bucles con:

  • break: Detiene el bucle por completo.
  • continue: Salta a la siguiente iteración sin ejecutar el resto del código en esa vuelta.

Ejemplo con break:

for (let i = 1; i <= 10; i++) {
  if (i === 6) {
    break; // Para el bucle cuando i es 6
  }
  console.log(i);
}

Resultado:

1
2
3
4
5

Ejemplo con continue:

for (let i = 1; i <= 5; i++) {
  if (i === 3) {
    continue; // Salta la iteración cuando i es 3
  }
  console.log(i);
}

Resultado:

1
2
4
5

Buenas Prácticas

  1. Asegúrate de que el bucle termine: Siempre incluye una condición de salida clara para evitar bucles infinitos.
  2. Usa for para repeticiones conocidas: Si sabes cuántas veces necesitas iterar, for es más claro.
  3. Usa while o do...while para casos dinámicos: Por ejemplo, cuando dependes de una condición externa.
  4. Prueba con números pequeños: Antes de usar un bucle con 1000 iteraciones, prueba con 5 para verificar que funciona.
  5. Usa break y continue con moderación: Pueden hacer el código confuso si se abusan.
TOP