JavaScript ..le bras droit d'HTML

Ce sont les principaux éléments de la programmation. Elles permettent de réaliser des Boucles conditionnelles ou non, des branchements conditionnels ...Nous allons commencer leur étude par :

Elle permet de répèter une ou plusieurs instructions de programme tant qu’une condition est VRAIE.
Sa syntaxe :

while (condition testée)
  {  instruction 1
      ………
     instruction n
// les instructions 1 à n seront éxécutées et répétées tant que le
// résultat du test de condition est VRAI..
  }

Exemple :

 X = 6 ;
 while ( X  < 15 )  // Tant que X est plus petit que 15 on réalise les 2 instructions suivantes
 {
   X += 2 ;   // X = X +2....donc X s’incrémente de 2 à chaque tour
   valor1 = X / 2 ;
 }    // Dès que X atteindra la valeur 16 le programme quittera la boucle
            // et se poursuivra vers les lignes suivantes...

Dans notre exemple, la boucle sera ici exécutée 5 fois .
1er tour X=6 2ème X=8  3ème X=10 4ème X=12 5ème X=14  6ème X=16
Le 6ème  tour ne sera jamais exécuté car X = 16  ( la condition X<15 est donc FAUSSE )

Essayez de prévoir puis testez en réel .

var Y=5 ;
while ((Y % 5) < 4 ) //attention..surtout pas de point virgule ici !
 {  Y+=3 ; }
document.write(‘Valeur de Y = ‘ + Y);

Il est possible d’imbriquer plusieurs boucles while ..suivant les besoins.

Var Pas=0 , X=5 , y=0;
while (X > Pas)   // 1ère Boucle while..5 Tours
   {  Pas++;
      y=0;        // y est réinitialisé à 0    5 fois
      while ( y<100) // 2ème Boucle while ...100 Tours
         { y++ ; // là, les 2 accolades ne sont pas nécessaires ..1 seule instruction
         }
   }

Il est possible de rendre une boucle while ‘infinie’ ( forever diraient les anglosaxons ) en écrivant :

 While  (true)
                { instruct.1 ;
                   instruct.2 ;
                   etc…
                }

Dans tous les langages structurés ce type de boucle existe..sa syntaxe est la même en langage JAVA , C et C++
Dans d’autres langages, plus évolués, tel que JAVA, il existe, en plus, une structure qui teste la condition en fin de boucle.
Conseils récapitulatifs :
N’oubliez pas de placer la condition à tester entre parenthèses.
Placez vos accolades ( ouvrantes et fermantes ) en face l’une de l’autre dans le sens vertical.
Respectez bien la hiérarchie en alignant en vertical, les instructions de même niveau hiérarchique.

Elle est utilisée pour répèter des actions un certain nombre de fois . Elle peut être paramètrée de manière plus ou moins complexe. Elle est très employée.
Elle apparaît dans tous les langages de programmation, mais avec une syntaxe et une souplesse qui dépendent  de ce langage.     En JavaScript elle conserve la même syntaxe que celle du langage JAVA,C  ou  C++.

En voici un exemple :

 for ( x=0 ; x < 20 ; x++)
  {
           document.write(‘ Je répète..  ‘ +  (x+1) + ‘  fois ‘ + ‘<BR>’ );
  }

Conclusions:

• la variable de boucle ( par ex. ici x )  est souvent appelée l’index.
• Cette structure de boucle possède 3 paramètres :
• initialisation de l’index    ( ici : x=0 )
• condition de fin de boucle   ( ici : x< 20 )
• action réalisée à chaque tour de boucle. ( ici : x++)
• les autres actions réalisées à chaque tour de boucle suivent l’instruction for.
• Ici écrire à l’écran... les accolades ne sont pas nécessaires dans ce cas car une seule action existe.
• Mais , souvent elles le sont car plusieurs actions peuvent être effectuées ..( d’autres boucles par    exemple. On parle alors de boucles imbriquées..! ).

• Attention, en principe pas de point virgule en fin de ligne for  :
• sinon les instructions suivant l’instruction for et devant être effectuées à chaque tour de boucle seront considérées hors de la boucle .
• Il est tout à fait possible de placer plusieurs instructions d’initialisation , ou plusieurs actions  de boucle... Par ex.:
    for (J=10 , toto=12 ; J > 1 ; J -- , toto+= 2) ;

• A votre avis .. que se passe - t-il  avec l’instruction for ci-dessus ?
• pendant l’initialisation:________________________________________________
• quelle est la condition de boucle ?________________________________________
• quelles sont les actions à chaque tour de boucle ? ___________________________

Il est possible de ne déclarer la variable d’index que dans la boucle for . Elle ne sera alors connue qu’au sein de cette boucle.  Par ex.:

   for ( var  nbre=5 ; nbre < 200 ; nbre += 5)
   { actions diverses ....  }

Il est possible de quitter précipitemment une boucle grâce à l’instruction : break . (nous reviendrons sur cette utilisation dès que nous aurons appris l’ instruction de test  if ).

Essayez de prévoir
ce que vous verrez à l’écran en éxécutant les quelques lignes de code ci-dessus:

Conseils et extensions de connaissances

• Bien indenter vos lignes de code en respectant toujours la hiérarchie des instructions.
• Aligner vos accolades ouvrantes et fermantes associées.
• N’oubliez pas que chaque nom de variable doit respecter Majuscules et Minuscules !
• Les quelques boucles que nous venons de voir faisaient évoluer la variable d’index dans le sens croissant  mais, souvent, elle peut évoluer dans le sens décroissant ! Par exemple...

for (x=50 ; x<Y ; x--)
   { instructions…. }   // x est décrémenté à chaque tour de boucle.