Skip to main content

Estructures Iteratives

Les estructures de control iteratives permeten repetir un bloc de codi mentre es compleixi una condició o durant un nombre de vegades determinat. JavaScript ofereix tres estructures principals:

  • for
  • while
  • do...while

Bucle for​

S'utilitza quan coneixem el nombre exacte d'iteracions. Té tres parts:

for (inicialització; condició; increment) {
  // codi a repetir
}

Exemple bàsic:​

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

Activitats amb for​

Activitat 1​

Imprimir tots els números parells entre 1 i 49.

Activitat 2​

Demana un número aleatori (1–10) i mostra la taula de multiplicar del 1 al 10.

Activitat 3​

Invertir la paraula "Hola" → resultat: "aloH"

Activitat 4​

Crear un acumulador: sumar les iteracions de 0 a 10 → resultat: 45

Activitat 5​

Convertir "0010022031" en "**********"

Activitat 6​

Comptar el nombre de vocales a "Aeropuerto" → resultat: 6

Activitat 7​

Mostrar només les dues últimes lletres de "cultural" → resultat: "al"

Bucle while​

S'utilitza quan no sabem quantes vegades s’executarà el bucle. La condició es comprova abans de cada iteració.

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

Introducció de dades amb prompt​

En entorns de navegador podem demanar dades a l'usuari amb prompt.

const resposta = prompt("Com et dius?");
console.log(resposta);

Activitats amb while​

Activitat 8​

Fer una compte enrere des d’un número introduït per l’usuari amb prompt.

Activitat 9​

Joc de matemàtiques: l’usuari ha d’encertar un càlcul (ex: "3 + 5") repetidament fins que ho encerti.

Activitat 10​

Generar la seqüència de Fibonacci fins a un límit donat (ex: 5) → 0, 1, 1, 2, 3, 5

Activitat 11​

Joc de daus: llençar 2 daus fins que la suma sigui 7.

const resultat = Math.floor(Math.random() * 6) + 1;

Activitat 12​

Validació de contrasenya: demanar dues vegades i repetir fins que coincideixin.

Bucle do...while​

Executa el bloc de codi almenys una vegada i després verifica la condició.

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

Activitats amb do...while​

Activitat 13​

Endevina el número (entre 1 i 10): seguir demanant fins encertar-lo.

Activitat 14​

Piedra, papel o tijera contra l’ordinador, amb repetició fins que l’usuari decideixi parar (y/n).

Activitat 15​

Simulador de caixer automàtic: retirar saldo fins arribar a 0. Saldo inicial = 1000.

Activitat 16​

Generador de contrasenyes: demanar longitud, generar i preguntar si vol una nova.

Diferències entre bucles​

Característicaforwhiledo...while
Iteracions conegudes✅❌❌
Verifica abans d’iterar✅✅❌ (sempre 1 execució)
Ús típicComptadors, acumuladorsRepeticions amb condicionsValidacions, mínim una execució

Aquest capítol et prepara per escriure lògiques repetitives amb JavaScript de forma clara i eficient. Dominar els bucles és essencial per a qualsevol programa dinàmic i interactiu!