Trucsweb.com

Trucsweb.com

Javascript

Boucles de programmation en Javascript

RDFFav

Boucles de programmation en Javascript - Énoncé For, for…in et while

Avec les tests de conditions, les boucles sont en programmation ce que les « stacks » sont à l’informatique. Hein! Tout simplement que les boucles sont à la base de la programmation. Aucun programme ni aucun langage peut s’en passer. On peut faire des miracles avec les boucles, tout particulièrement avec les boucles récursives.Énoncé For statement boucles loops break continue for in while next javascript objets opérateurs récursif récursive condition interruptionBoucles de programmation en Javascript - Énoncé For, for…in et while

  • · Niveau : INTERMÉDIAIRE
  • · Compatibilité : Tous les navigateurs

Avec les tests de conditions, les boucles sont en programmation ce que les « stacks » sont à l’informatique. Hein! Tout simplement que les boucles sont à la base de la programmation. Aucun programme ni aucun langage peut s’en passer. On peut faire des miracles avec les boucles, tout particulièrement avec les boucles récursives. Vous pouvez avoir un code passablement long converti en une simple boucle.

L’énoncé " For "
Le " For " a ceci de particulier, il est construit comme le " for " du langage C. Il permet, comme tout bon " for…next ", de boucler ou de passer x fois un traitement selon une ou plusieurs conditions. En anglais " loop ".

Construit en trois expressions optionnelles entre parenthèses et séparées par des points virgule, suivit par un " bloc " de traitement exécuté à chaque boucle.

Syntaxe :
For ([expression initiale]; [condition]; [ajustement de l’expression]) {
  Bloc de traitement
}

  • expression initiale : Généralement utilisé pour initialiser une variable compteur. Vous pouvez déclarer une nouvelle variable avec le mot réservé " var ". Optionnel.

  • condition : La condition est évaluée à chaque passage de la boucle. Si la condition est vraie " true ", le bloc de traitement sera exécuté. Si la condition est fausse " false " alors la boucle est terminée sans exécuter le bloc de traitement. Le test de condition est optionnel. S’il n’est pas présent, alors la condition sera toujours vraie et le bloc de traitement toujours exécuté.

  • ajustement de l’expression : Généralement utilisé pour ajuster ou incrémenter la variable compteur. Optionnel.

Exemple :
La boucle " For " suivante débute par déclarer la variable i et de l’initialiser à zéro. Ensuite le test de condition vérifie que la variable i est plus petite que 5, si la variable i est plus petite que 5 alors le bloc de traitement {n += i} est exécuté. Puis l’ajustement de la variable i incrémente celle-ci de 1.

x = 0;
for (var i =0; i < 5; i++) {
  x += i
}

Résultat Passage 1 : x = 0
Passage 2 : x = 1
Passage 3 : x = 3
Passage 4 : x = 6
Passage 5 : x = 10
Passage 6 : sortie x = toujours 10

 

Interruption de la boucle avec l’énoncé " BREAK "
L’énoncé " break " permet de sortir d’une boucle sans considération des conditions de la boucle.

Exemple :
x = 0;
for (var i =0; i < 5; i++) {
 if (i == 3)
   break 
 x += i
}

Résultat : x = 3
Si " x += i " avait été placé avant l’énoncé break, x aurait égalé 6.

 

Interruption dans la boucle avec l’énoncé " CONTINUE "
L’énoncé " continue " permet de sortir de l’exécution d’un bloc de traitement mais la boucle continue.

Exemple:
x = 0;
for (var i =0; i < 5; i++) {
 if (i == 3)
  continue 
 x += i
}

Résultat :
Passage 1 : x = 0
Passage 2 : x = 1
Passage 3 : x = 3
Passage 4 : x = 3
Passage 5 : x = 7
Passage 6 : sortie x = toujours 7

 

L’énoncé " For…in "
Une boucle simple qui permet de passer les propriétés d’un objet.

Syntaxe :
for (var in objet) {
  Bloc de traitement
}

Exemple :
// Fonction pour initialiser les valeurs d’un objet.
function personne(nom, age, sex) {
  this.nom = nom
  this.age = age
  this.sex = sex
}
// Initialisation de l’objet "elle"
elle = new personne("aline", 26, "F")

for (var i in elle){
  n = elle[i]
  document.write(n);
}

Résultat : aline26F

 

L’énoncé " While "
Exécute une boucle et un le bloc de traitement qu’elle contient tant et aussi longtemps que le test de condition est vraie " true ".

Syntaxe :
while (condition) {
  Bloc de traitement
}

Exemple :
y = 0
x = 0;
while( y < 5 ){
  y ++; x += y
}

Résultat :
Passage 1 : x = 1
Passage 2 : x = 3
Passage 3 : x = 6
Passage 4 : x = 10
Passage 5 : x = 15
Passage 6 : sortie x = toujours 15

Les énoncés " break " et " continue " peuvent être utilisés avec l’énoncé " while " voir l’exemple plus haut avec l’énoncé " For ".

 

ATTENTION
Il peut être risqué de travailler à la légère avec des boucles. Une boucle infinie peut surcharger le serveur.

NOTE sur les opérateurs Javascript utilisés dans ce tutoriel
(x += y) = (x = x + y)
(x++) = ( x = x + 1)

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

Ajouter un commentaire
Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
Votre évaluation du tutoriel

       Visites : 19207 - Pages vues : 32126
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@