web:javascript:fondamentaux:boucles

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
web:javascript:fondamentaux:boucles [2021/06/20 11:17] – [2. La boucle for] philweb:javascript:fondamentaux:boucles [2021/08/11 10:56] (Version actuelle) – phil
Ligne 1: Ligne 1:
 +[[web:javascript|{{ :iconemaison.jpg?nolink&25|Accueil JavaScript}}]]
  
 +===== JavaScript - Les boucles =====
 +
 +[Mise à jour le 21/6/2021]
 +
 +
 +  * **Sources** et compléments sur **MDN Web Docs**
 +    * <html><a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Loops_and_iteration" target="_blank">Boucles et itérations</a></html>
 +
 +  * ** Lectures connexes**
 +    * Wikis WebPEM : [[:outils:vscode:web|"Préparer un projet de site Web avec l'IDE VSCode"]]
 +
 +----
 +
 +==== 1. Introduction ====
 +<note>En programmation, une boucle est un traitement répété plusieurs fois grâce à un bloc d'instructions codé une seule fois.</note>
 +
 +Il existe de type de structures de boucles :
 +  * La boucle **for** déclenche une boucle avec un compteur de passage.
 +  * La boucle **while** répète la boucle tant qu'une condition est vraie.
 +
 +==== 2. La boucle for ====
 +<note>La boucle for permet de traiter les éléments d'un ensemble dont on connaît à l'avance l'ensemble des occurrences.</note>
 +
 +// Syntaxe //
 +
 +<code javascript *.js>
 +for (initialisation compteur; condition sur compteur; incrément compteur) {
 +    // Traitements répétés dans la boucle
 +}
 +</code>
 +
 +// Exemple //
 +
 +<code javascript *.js>
 +// Calcul de la somme des valeurs de 1 à n
 +var somme = 0, n = 45;
 +
 +for (i = 0; i <= n; i++) {
 +    somme += i;
 +}
 +console.log("Somme=" + somme + " pour n=" + n); // Affiche Somme=1035 pour n=455
 +</code>
 +
 +// Interrompre la boucle avant la fin prévue//
 +
 +<note tip>Il est possible d'arrêter une boucle //for// avant la fin prévue par le test de condition en utilisant l'instruction //**break**//. La boucle s'interrompt et le script se poursuit après le bloc d'instructions //for// {...}</note>
 +==== 3. La boucle while ====
 +<note>La boucle while (tant que) est exécutée tant que sa condition est vraie.</note>
 +
 +// Syntaxe //
 +
 +<code javascript *.js>
 +while (condition) {
 +    // Traitements répétés dans la boucle            
 +}
 +</code>
 +
 +// Exemple //
 +
 +<code javascript *.js>
 +// Recherche de la valeur de n tel que la somme de 1 à n soit supérieure à 1000
 +var somme = 0, n = 0;
 +
 +while (somme < 1000) {
 +     n++;
 +     somme += n;
 +}
 +console.log("Somme=" + somme + " pour n=" + n); // Affiche Somme=1035 pour n=45
 +</code>
 +
 +==== 4. La boucle do ... while ==== 
 +<note>Dans la boucle do ... while, un premier passage s'effectue systématiquement dans le bloc d'instructions.</note>
 +
 +// Syntaxe //
 +
 +<code javascript *.js>
 +do {
 +    // Traitements répétés dans la boucle
 +} while (condition);
 +</code>
 +
 +// Exemple //
 +
 +<code javascript *.js>
 +// Recherche de la valeur de n tel que la somme de 1 à n soit supérieure à 1000
 +var somme = 0, n = 0;
 +
 +do {
 +     n++;
 +     somme += n;
 +} while (somme < 1000)
 +console.log("Somme=" + somme + " pour n=" + n); // Affiche Somme=1035 pour n=45
 +</code>