Premiers pas en JavaScript
20.1 boucle WHILE
cuy copyleft
  See You Why?  

 


test sur la boucle FOR (19.9) | | les BREAK et/ou continue dans les boucles (20.2)

Contenu


JavaScript 1 - Introduction
JavaScript 2 - Commentaires et instructions
JavaScript 3 - Variables
JavaScript 4 - Types de variables
JavaScript 5 - Variables et chaines
JavaScript 6 - Les fonctions
JavaScript 7 - Les fonctions à paramètre unique
JavaScript 8 - Les fonctions à paramètres multiples
JavaScript 9 - L'instruction RETURN dans une fonction
JavaScript 10 - Appel d'une fonction dans une autre fonction
JavaScript 11 - Les variables locales ou globales
JavaScript 12 - Quelques opérateurs mathématiques
JavaScript 13 - ???
JavaScript 14 - L'instruction IF, pour les conditions
JavaScript 15 - L'instruction IF... ELSE..., pour les conditions à deux sorties
JavaScript 16 - Les IF imbriqués et fonction aléatoire
JavaScript 17 - Les conditions complexes
JavaScript 18 - L'instruction SWITCH, en cas de choix multiples
JavaScript 19 - La boucle FOR
JavaScript 20 - La boucle WHILE
20.1 JS : la boucle WHILE
20.2 JS : CONTINUE et/ou BREAK dans les boucles
20.8 JS : exercices sur les boucles WHILE
20.9 JS : un test sur les boucles WHILE
JavaScript 21 - Les événements dans la programmation
JavaScript 22 - Quelques événements : onMouseOver onLoad etc.
JavaScript 23 - Les objets
JavaScript 24 - Créer ses propres objets
JavaScript 25 - Appliquer des méthodes à ses objets
JavaScript 26 - Les tableaux
JavaScript 27 - Différentes façons de créer des tableaux
JavaScript 28 - Propriétés et méthodes applicables aux tableaux
JavaScript 29 - Les méthodes applicables aux tableaux
JavaScript 30 - Méthodes de tris pour tableaux SORT, REVERSE et PUSH
JavaScript 31 - Ajouter des éléments à un tableau en utilisant une boucle
JavaScript 32 - Tecnique pour imprimer les éléments d'un tableau
JavaScript 33 - Lecture de bases de données
JavaScript 34 - Les objets mathématiques
JavaScript 35 - Les objets relatifs aux dates
JavaScript 36 - Les formulaires JS sont des objets
JavaScript 37 - Accès aux éléments d'un formulaire
JavaScript 38 - Validation des entrées d un formulaire
JavaScript 39 - Graphisme et JavaScript

JavaScript 50 - Calculateur d'emprunt
JavaScript 51 - Calendrier perpétuel et options diverses
JavaScript 99 - Documentation


 
 

 
Avec un peu de JavaScript,
n'oubliez pas de rendre vos pages
plus dynamiques et plus interactives.
 

 
 

 
Notre volonté est de rendre cette formation de JavaScript,
disponible le plus rapidement possible.
Le lecteur excusera l'imperfection de ce travail en cours de construction
et pourrait nous informer des défauts rencontrés.

  MERCI
 

 

 

I. le WHILE dans les boucles

Contrairement à la boucle FOR qui généralement compte le nombre de passages dans la boucle, la boucle avec WHILE est une série d'instructions qui se répèteront tant que la condition est validée... donc qui arrêteront de se répéter dès que la condition ne sera plus vérifiée. J'ai toujours dit qu'un enseignant devait pouvoir répéter quelque chose en n'employant pas les mêmes mots, je crois que j'ai réussi ici :-).

Cette précision permet cependant de mettre une caractéristique en évidence... qui fera la distinction entre deux formes assez semblables du while dans une boucle :
si la condition while n'est pas remplie au départ, le contenu de la boucle while ne sera jamais exécuté ;
si la condition while n'est pas remplie au départ, le contenu de la boucle do ... while sera exécuté une fois ;

La boucle While teste en premier lieu la condition et éxécute les instructions qu'elle contient tant que cette condition est vraie.

À l'inverse, la boucle Do ... While permet de passer une première fois dans le code de la boucle avant de tester la condition contenue dans la partie while fermant la boucle.

Ici aussi, les tutoriels rencontrés parlent souvent de condition d'arrêt, alors qu'il s'agit d'une condition de maintien. Nous n'insisterons pas plus.

On pourrait dès lors traduire la boucle while par « répète tant que... » ;
alors qu'on pourrait traduire la boucle do ... while par « recommence si... ».
Les initiés de JS évitent d'utiliser cette deuxième formulation pour des raisons que nous développeront plus loin.

Voici la syntaxe de ces deux boucles :

WHILE DO ... WHILE
while (condition) {
     instruction_1;
     instruction_2;
     instruction_3;
}
do {
     instruction_1;
     instruction_2;
     instruction_3;
} while (condition);

Une erreur fréquente lors de l'usage des boucles contenant while est que la variable incrémentable doit être initialisée non seulement hors, mais surtout avant la structure de code répétée.

Attention :
lors de recherche avec un moteur de recherche (google ou autres), il est fréquent de trouver des informations non applicables directement à JS. En effet, les boucles sont fréquentes en informatique et les logiciels ont souvent des syntaxes 'relativement' proches : JavaScript, C, C++, Java, PHP, ASP et j'en passe.

 

A. la vraie boucle WHILE

La boucle WHILE est simple d'application : il s'agit d'exécuter les instructions notées entre les accolades, tant que la condition notée entre parenthèses est vraie.

while (condition) {
     instruction_1;
     instruction_2;
     instruction_3;
}

Un exemple pour illustrer cette boucle... pourquoi ne pas reprendre l'exemple développé dans le chapitre précédent, celui qui affichait les nombres de 1 à 10 et leur carré :

var nbr = 1;
while (nbr<= 10) {
      document.write("Ligne " + nbr + "<br>" + nbr + " dont le carré est " + nbr*nbr ="<br>");
      nbr++;
}

Vous remarquerez la déclaration préalable de la variable nbr,
la condition entre parenthèses
et les instructions notées entre accolades,
chacune se terminant par un point-virgule.

B. la "méchante" boucle DO ... WHILE

Je vous avais annoncé les dangers de cette boucle.

Au niveau syntaxe, l'usage du même mot clé WHILE est dangereux, d'autant plus que dans la boucle DO ... WHILE, la condition doit être suivie d'un point-virgule, ce qui est inhabituel en JS.
Comme, de plus, rien n'oblige d'écrire le WHILE derrière l'accolade fermante de la fonction DO, bon courage pour retrouver les éventuelles fautes dans votre programme.

De plus, dans la boucle DO ... WHILE, toutes les instructions (même s'il n'y en a qu'une) doivent être notées entre les accolades, alors que dans le simple WHILE, les accolades sont facultatives si l'instruction est unique... vous comprendrez pourquoi j'ai suggéré de les employer en tout temps...

Ce risque d'erreur est tellement grand que même des tutoriels oublient de le présenter et de noter ce point-virgule[1]. D 'autres le notent sans insister sur cet aspect inhabituel d'un point-virgule après des parenthèses conditionnelles.

 

 

 

II. La boucle WHILE avec BREAK ou CONTINUE

voir suite >>>

 

 

VIII. Exercices relatifs aux conditions WHILE...

voir suite >>>

 

IX. Test relatif aux conditions WHILE...

voir suite >>>

 

 

 


test sur la boucle FOR (19.9) | | les BREAK et/ou continue dans les boucles (20.2)

[1] cf. HscriptsCom, Erci-informatique, et autres...