DMarlon Studio

Lección 7 · 7 de 20

Bucles for y while · JavaScript

Repita código en JavaScript con for y while: tablas de multiplicar, ahorros que crecen, break, continue y una cuenta atrás.

JavaScript · Bucles for y while en DMarlon Studio: el código del ejemplo y su salida en la terminal

El bucle `for` tiene tres partes entre paréntesis: el inicio (let i = 1), la condición para seguir (i <= 5) y el paso de cada vuelta (i++, que suma 1). Así se escribe la tabla del 7 sin repetir cinco veces la misma línea.

`while` repite mientras la condición sea verdadera, sin saber de antemano cuántas vueltas dará. Los ahorros crecen un 5 % al año (savings * 1.05) y el bucle cuenta los años hasta pasar de 130 euros: hacen falta 6. Cuide de que la condición llegue a ser falsa; si no, el bucle no acaba nunca.

Dentro de un bucle, `continue` salta a la vuelta siguiente y `break` sale del bucle del todo. En el juego se saltan los niveles pares (level % 2 === 0) y se para después del 7, aunque el for llegaba hasta 10.

Un bucle también puede construir algo poco a poco: countdown += n + " " añade cada número al final de la cadena, contando hacia atrás con n--.

Código · main.js

// for: start; condition; step. A multiplication table.for (let i = 1; i <= 5; i++) {  console.log(`7 x ${i} = ${7 * i}`);}// while repeats as long as the condition is true.// 100 euros saved, +5% every year: how long until 130?let savings = 100;let years = 0;while (savings < 130) {  savings = savings * 1.05;  years++;}console.log(`After ${years} years: ${savings.toFixed(2)} euros`);// continue jumps to the next round; break leaves the loop.for (let level = 1; level <= 10; level++) {  if (level % 2 === 0) continue; // skip even levels  if (level > 7) break;          // stop after level 7  console.log("Playing level", level);}// A loop that builds a string step by steplet countdown = "";for (let n = 5; n >= 1; n--) {  countdown += n + " ";}console.log(countdown + "Lift-off!");

Salida · node main.js

7 x 1 = 7
7 x 2 = 14
7 x 3 = 21
7 x 4 = 28
7 x 5 = 35
After 6 years: 134.01 euros
Playing level 1
Playing level 3
Playing level 5
Playing level 7
5 4 3 2 1 Lift-off!

Para recordar

  • for (inicio; condición; paso) para un número de vueltas conocido.
  • while (condición) mientras se cumpla; asegúrese de que termina.
  • continue salta a la vuelta siguiente; break sale del bucle.
  • i++ suma 1, n-- resta 1 y += añade.

Ejercicio

Escriba la tabla del 9 del 1 al 10 y calcule con un while cuántos años tardan 200 euros en duplicarse al 4 % anual.