Module 4 : Implémenter et analyser

des décisions et des boucles

Séquence 4.3 : Les structures itératives
 Séquence 4.3 : Les structures
itératives

Développement Web – Faycel CHAOUA & Houda TOUKABRI 30

 Plan

LA BOUCLE FOR - LA BOUCLE WHILE LA BOUCLE SAUT ET ARRÊT

FOREACH DO..WHILE INCONDITIONNEL

Développement Web – Faycel CHAOUA & Houda TOUKABRI 31

 La boucle for - forEach

Développement Web – Faycel CHAOUA & Houda TOUKABRI 32

 La boucle for

• L'instruction for permet d'exécuter plusieurs fois la même série

d'instructions.
• Syntaxe :
for (compteur; condition; modification du compteur) {
liste d'instructions
}
Développement Web – Faycel CHAOUA & Houda TOUKABRI 33
 La boucle for

• Exemple :
var personne = {nom:"Foulen", prenom:"Ben Foulen", age:25};
var msg = "";

for (var x in personne) {

msg += personne[x];
}
Développement Web – Faycel CHAOUA & Houda TOUKABRI 34
 La méthode forEach

• La méthode forEach() permet d'exécuter une fonction donnée sur chaque

élément du tableau.

• Syntaxe :
array.forEach(callback);
array.forEach(callback, thisArg);

Développement Web – Faycel CHAOUA & Houda TOUKABRI 35

 La méthode forEach

• forEach() exécute la fonction callback une fois pour chaque élément du tableau,
dans l'ordre croissant des indices.

• callback est appelé avec trois arguments : la valeur de l'élément, l'index de

l'élément et le tableau utilisé.

• Si un paramètre thisArg est fourni à la méthode forEach, il sera utilisé en tant que
valeur this pour chaque appel de callback.

Développement Web – Faycel CHAOUA & Houda TOUKABRI 36

 La méthode forEach

• Exemple :
var array1 = ['a', 'b', 'c'];
array1.forEach(function(element) {
console.log(element);
});

Développement Web – Faycel CHAOUA & Houda TOUKABRI 37

 La boucle while

Développement Web – Faycel CHAOUA & Houda TOUKABRI 38

 La boucle while

• Exécuter la liste d'instructions tant que la condition est réalisée.

• Syntaxe :
while (condition réalisée) {
liste d'instructions
}

Développement Web – Faycel CHAOUA & Houda TOUKABRI 39

 La boucle while

• Exemple :
var text = "";
var i = 1;

while (i < 10) {

text += "Le nombre est " + i;
i++;
}

Développement Web – Faycel CHAOUA & Houda TOUKABRI 40

 La boucle do..while

Développement Web – Faycel CHAOUA & Houda TOUKABRI 41

 La boucle do..while

• La boucle do..while exécute le bloc de code une fois avant de vérifier si la

condition est vraie, elle répète la boucle tant que la condition est vraie.

• Syntaxe :
do {
liste d'instructions
} while (condition);
Développement Web – Faycel CHAOUA & Houda TOUKABRI 42
 La boucle do..while

• Exemple :
var text = "";
var i = 0;

do {
text += "Le nombre est" + i;
i++;
}
while (i < 10);

Développement Web – Faycel CHAOUA & Houda TOUKABRI 43

 Saut et arrêt
inconditionnel

Développement Web – Faycel CHAOUA & Houda TOUKABRI 44

 Saut et arrêt inconditionnel

• Saut inconditionnel : L'expression continue permet de sauter à la boucle

une ou plusieurs valeurs sans pour autant mettre fin à celle-ci.

• Arrêt inconditionnel : L'expression break permet d'arrêter une boucle

(for ou while)

Développement Web – Faycel CHAOUA & Houda TOUKABRI 45

 Saut et arrêt inconditionnel

• Exemple 1 : var x = 1, a;
while (x <= 10) {
if (x == 7) {
alert('division par 0');
x++;
continue;
}
a = 1 / (x - 7);
alert(a);
x++;
}

Développement Web – Faycel CHAOUA & Houda TOUKABRI 46

 Saut et arrêt inconditionnel

• Exemple 2 :
for (var x = 1; x <= 10; x++) {
a = x - 7;
if (a == 0) {
alert('division par 0');
break;
}
alert(1 / a);
}

Développement Web – Faycel CHAOUA & Houda TOUKABRI 47

 Les structures itératives

• Liens utiles :
• https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Boucles_et_itération

• https://www.w3schools.com/js/js_loop_for.asp

• https://www.w3schools.com/js/js_loop_while.asp

• https://www.w3schools.com/js/js_break.asp

Développement Web – Faycel CHAOUA & Houda TOUKABRI 48