El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
HOME Els meus cursos Finalitzats
◄ Anterior
◄

Bucles: for, while, do-while

Següent ►
►

Els bucles són una eina fonamental en la programació que permeten executar un bloc de codi repetidament fins que es compleixi una condició específica. En JavaScript, hi ha diversos tipus de bucles que podem utilitzar: for, while i do-while. En aquesta secció, explorarem cadascun d'aquests bucles amb exemples pràctics i exercicis.

Bucles for

El bucle for és ideal quan sabem quantes vegades volem executar un bloc de codi. La seva sintaxi és la següent:

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

Exemple

for (let i = 0; i < 5; i++) {
    console.log("Iteració número: " + i);
}

Explicació:

  • Inicialització: let i = 0 - Inicialitza la variable i a 0.
  • Condició: i < 5 - El bucle s'executa mentre i sigui menor que 5.
  • Increment: i++ - Incrementa i en 1 després de cada iteració.

Exercici 1

Escriu un bucle for que imprimeixi els nombres del 1 al 10.

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

Bucles while

El bucle while s'utilitza quan no sabem exactament quantes vegades s'executarà el bucle, però volem que continuï fins que es compleixi una condició específica.

Sintaxi

while (condició) {
    // codi a executar
}

Exemple

let i = 0;
while (i < 5) {
    console.log("Iteració número: " + i);
    i++;
}

Explicació:

  • Condició: i < 5 - El bucle s'executa mentre i sigui menor que 5.
  • Increment: i++ - Incrementa i en 1 després de cada iteració dins del bucle.

Exercici 2

Escriu un bucle while que imprimeixi els nombres del 1 al 10.

let i = 1;
while (i <= 10) {
    console.log(i);
    i++;
}

Bucles do-while

El bucle do-while és similar al while, però garanteix que el bloc de codi s'executi almenys una vegada abans de comprovar la condició.

Sintaxi

do {
    // codi a executar
} while (condició);

Exemple

let i = 0;
do {
    console.log("Iteració número: " + i);
    i++;
} while (i < 5);

Explicació:

  • Execució inicial: El bloc de codi dins del do s'executa una vegada abans de comprovar la condició.
  • Condició: i < 5 - El bucle continua mentre i sigui menor que 5.

Exercici 3

Escriu un bucle do-while que imprimeixi els nombres del 1 al 10.

let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 10);

Comparació de Bucles

A continuació, es mostra una taula comparativa dels tres tipus de bucles:

Tipus de Bucle Execució Inicial Condició Comprovada Ús Recomanat
for No Abans de cada iteració Quan sabem el nombre d'iteracions
while No Abans de cada iteració Quan no sabem el nombre d'iteracions
do-while Sí Després de cada iteració Quan volem assegurar-nos que el codi s'executi almenys una vegada

Exercicis Pràctics

Exercici 4

Escriu un bucle for que imprimeixi els nombres parells del 2 al 20.

for (let i = 2; i <= 20; i += 2) {
    console.log(i);
}

Exercici 5

Escriu un bucle while que imprimeixi els nombres imparells del 1 al 19.

let i = 1;
while (i < 20) {
    console.log(i);
    i += 2;
}

Exercici 6

Escriu un bucle do-while que imprimeixi els nombres del 10 al 1 en ordre descendent.

let i = 10;
do {
    console.log(i);
    i--;
} while (i >= 1);

Conclusió

En aquesta secció, hem après sobre els tres tipus principals de bucles en JavaScript: for, while i do-while. Hem vist com utilitzar-los amb exemples pràctics i hem practicat amb exercicis per reforçar els conceptes. Els bucles són una eina poderosa que ens permeten automatitzar tasques repetitives i gestionar millor el flux del nostre codi. En el proper mòdul, explorarem les declaracions switch per gestionar múltiples condicions de manera eficient.

◄ Anterior
◄
Següent ►
►

JavaScript: De Principiant a Avançat

Mòdul 1: Introducció a JavaScript

Mòdul 2: Estructures de Control

Mòdul 3: Funcions

Mòdul 4: Objectes i Arrays

Mòdul 5: Objectes i Funcions Avançades

Mòdul 6: El Model d'Objectes del Document (DOM)

Mòdul 7: APIs del Navegador i Temes Avançats

Mòdul 8: Proves i Depuració

Mòdul 9: Rendiment i Optimització

Mòdul 10: Frameworks i Llibreries de JavaScript

Mòdul 11: Projecte Final

El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
© Copyright 2024. Tots els drets reservats