Les boucles¶

Matière à connaître¶

Boucle

Une boucle permet de répéter plusieurs fois le même code. À chaque itération, le code se répète, mais il traite une information différente.

Itération

Une itération est une seule exécution d’une boucle.

Chaque passage à travers la boucle est appelé une itération.

Par exemple, si le code dans une boucle s’exécute 5 fois, on dit qu’il y a eu 5 itérations.

Incrémentation

Ce qu'on appelle incrémentation c'est quand on augmente la valeur d’une variable.

Par exemple, si on écrit

let i = 0;

i++; // Additionne 1 à la variable `i`. On dit alors qu'on incrémente `i` de 1.
i = i + 1; // Donne exactement le même résultat que `i++`;

Boucle for

En programmation, il existe plusieurs façons d'effectuer des boucles.

La boucle for est idéale lorsque vous savez à l’avance combien de fois vous devez répéter un bout de code.

Un boucle for s'écrit de la manière suivante :

for (initialisation; condition; incrémentation) {
    // Code à répéter
}

Initialisation : Déclare et initialise une variable qui va nous servir de compteur. Le compteur sert à garder le fil. Il sert à savoir où on est rendu dans la boucle.
Condition : Tant que cette condition est vraie, la boucle continue de boucler! C'est la partie qui décide quand la boucle se termine.
Incrémentation : Modifie la variable compteur après chaque itération (généralement en l’incrémentant de 1).

Exemple

let fruits = ["Pomme", "Banane", "Orange"];

// Tant que la variable `i` est plus petite que `fruit.length` (3), on effectue une nouvelle itération.
for (let i = 0; i < fruits.length; i++) {
    console.log("Fruit : " + fruits[i]);
}

Exercice¶

Imaginez que vous devez envoyer un seul courriel à une liste de destinataires.

L’exercice consiste à produire le contenu du destinataire multiple à partir d’un tableau de courriels et d’une boucle for en JavaScript.

Vous devez utiliser ce tableau :

let courriels = [
    "marie.tremblay@cmontmorency.qc.ca",
    "jean.gagnon@cmontmorency.qc.ca",
    "lucie.boucher@cmontmorency.qc.ca",
    "maxime.dubois@cmontmorency.qc.ca",
    "sophie.lemieux@cmontmorency.qc.ca",
    "nicolas.fortier@cmontmorency.qc.ca",
    "emma.caron@cmontmorency.qc.ca",
    "olivier.mercier@cmontmorency.qc.ca",
    "isabelle.bellefeuille@cmontmorency.qc.ca",
    "quentin.bergeron@cmontmorency.qc.ca"
];

Un destinataire multiple, c’est simplement une chaîne de caractères composée de courriels séparés par une virgule.

Résultat attendu¶

marie.tremblay@cmontmorency.qc.ca, jean.gagnon@cmontmorency.qc.ca, lucie.boucher@cmontmorency.qc.ca, maxime.dubois@cmontmorency.qc.ca, sophie.lemieux@cmontmorency.qc.ca, nicolas.fortier@cmontmorency.qc.ca, emma.caron@cmontmorency.qc.ca, olivier.mercier@cmontmorency.qc.ca, isabelle.bellefeuille@cmontmorency.qc.ca, quentin.bergeron@cmontmorency.qc.ca

Instructions¶

Ajoutez à votre code le tableau contenant une liste de courriels des destinataires.
Ajoutez une boucle for pour parcourir chaque courriel du tableau et construire une chaîne de caractères où les adresses sont séparées par une virgule. Attention, il ne doit pas y avoir de virgule après le dernier courriel.
Affichez dans la console la chaine de caractère des courriels séparés par une virgule.

Solution¶

let courriels = [
    "marie.tremblay@cmontmorency.qc.ca",
    "jean.gagnon@cmontmorency.qc.ca",
    "lucie.boucher@cmontmorency.qc.ca",
    "maxime.dubois@cmontmorency.qc.ca",
    "sophie.lemieux@cmontmorency.qc.ca",
    "nicolas.fortier@cmontmorency.qc.ca",
    "emma.caron@cmontmorency.qc.ca",
    "olivier.mercier@cmontmorency.qc.ca",
    "isabelle.bellefeuille@cmontmorency.qc.ca",
    "quentin.bergeron@cmontmorency.qc.ca"
];

let listeDestinataires = "";

for (let i = 0; i < courriels.length; i++) {
    if (i !== 0) {
        listeDestinataires += ", ";
    }
    listeDestinataires += courriels[i];
}

console.log(listeDestinataires);