Comment Ca Marche - Communauté informatique  
   
Accueil - Encyclopédie informatiqueTélécharger l'encyclopédieContribuer à cet article

Javascript - Structures conditionnelles

Structures conditionnelles avec Javascript Encyclopédie


Qu'est-ce qu'une structure conditionnelle?

On appelle structure conditonnelle les instructions qui permettent de tester si une condition est vraie ou non, ce qui permet notamment de donner de l'interactivité à vos scripts.

L'instruction if

L'instruction if est la structure de test la plus basique, on la retrouve dans tous les langages (avec une syntaxe parfois différente d'un langage à l'autre...). Elle permet d'exécuter une série d'instructions (un bloc d'instructions) si jamais une condition est réalisée.

La syntaxe de cette expression est la suivante :

if (condition réalisée) {
   liste d'instructions
}

Remarques:

  • la condition doit être entre des parenthèses
  • il est possible de définir plusieurs conditions à remplir avec les opérateurs ET et OU (&& et ||)
    L'instruction suivante par exemple teste si les deux conditions sont réalisées:
    if ((condition1)&&(condition2))

    L'instruction suivante par contre exécutera les instructions si l'une ou l'autre des deux conditions est réalisée :
    if ((condition1)||(condition2))
S'il n'y a qu'une instruction dans le bloc d'instruction, les accolades ne sont pas nécessaires...
if (x==2) document.write("X vaut 2");

L'instruction if ... else

L'instruction if dans sa forme basique ne permet de tester qu'une condition, or la plupart du temps on aimerait pouvoir choisir les instructions à exécuter en cas de non réalisation de la condition...
L'expression if ... else permet d'exécuter une autre série d'instruction en cas de non-réalisation de la condition.

La syntaxe de cette expression est la suivante :

if (condition réalisée) {
   //liste d'instructions
}
else {
	 //autre série d'instructions
}
Les structures conditionnelles pouvant être imbriquées, il peut être utile d'indenter le code pour plus de lisibilité, c'est-à-dire de décaler à l'aide d'une tabulation chaque bloc d'instruction pour pouvoir rapidement visualiser l'imbrication des structures !

une façon plus courte de faire un test

Il est possible de faire un test avec une structure beaucoup moins lourde grâce à la structure suivante :

(condition) ? instruction si vrai : instruction si faux

Remarques:

  • la condition doit être entre des parenthèses
  • Lorsque la condition est vraie, l'instruction de gauche est exécutée
  • Lorsque la condition est fausse, l'instruction de droite est exécutée

Les boucles

Les boucles sont des structures qui permettent d'exécuter plusieurs fois la même série d'instructions jusqu'à ce qu'une condition ne soit plus réalisée...
La façon la plus commune de faire une boucle, est de créer un compteur (une variable qui s'incrémente, c'est-à-dire qui augmente de 1 à chaque tour de boucle) et de faire arrêter la boucle lorsque le compteur dépasse une certaine valeur.

La boucle for

L'instruction for permet d'exécuter plusieurs fois la même série d'instructions: c'est une boucle!

Dans sa syntaxe, il suffit de préciser le nom de la variable qui sert de compteur (et éventuellement sa valeur de départ, la condition sur la variable pour laquelle la boucle s'arrête (basiquement une condition qui teste si la valeur du compteur dépasse une limite) et enfin une instruction qui incrémente (ou décrémente) le compteur.

La syntaxe de cette expression est la suivante :

for (compteur; condition; modification du compteur) {
	liste d'instructions
}

Par exemple :

for (i=1; i<6; i++) {
	Alert(i)
}

Cette boucle affiche 5 fois la valeur de i, c'est-à-dire 1,2,3,4,5
Elle commence à i=1, vérifie que i est bien inférieur à 6, etc... jusqu'à atteindre la valeur i=6, pour laquelle la condition ne sera plus réalisée, la boucle s'interrompra et le programme continuera son cours.

  • il faudra toujours vérifier que la boucle a bien une condition de sortie (i.e le compteur s'incrémente correctement)
  • une instruction Alert(i); dans votre boucle est un bon moyen pour vérifier la valeur du compteur pas à pas!
  • il faut bien compter le nombre de fois que l'on veut faire exécuter la boucle:
    • for(i=0;i<10;i++) exécute 10 fois la boucle (i de 0 à 9)
    • for(i=0;i<=10;i++) exécute 11 fois la boucle (i de 0 à 10)
    • for(i=1;i<10;i++) exécute 9 fois la boucle (i de 1 à 9)
    • for(i=1;i<=10;i++) exécute 10 fois la boucle (i de 1 à 10)

L'instruction while

L'instruction while représente un autre moyen d'exécuter plusieurs fois la même série d'instructions.

La syntaxe de cette expression est la suivante :

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

Cette instruction exécute la liste d'instructions tant que (while est un mot anglais qui signifie tant que) la condition est réalisée.
La condition de sortie pouvant être n'importe quelle structure conditionnelle, les risques de boucle infinie (boucle dont la condition est toujours vraie) sont grands, c'est-à-dire qu'elle risque de provoquer un plantage du navigateur!

Saut inconditionnel

Il peut être nécessaire de faire sauter à la boucle une ou plusieurs valeurs sans pour autant mettre fin à celle-ci.

La syntaxe de cette expression est "continue;" (cette instruction se place dans une boucle!), on l'associe généralement à une structure conditionnelle, sinon les lignes situées entre cette instruction et la fin de la boucle seraient obsolètes.

Exemple: Imaginons que l'on veuille imprimer pour x allant de 1 à 10 la valeur de 1/(x-7) ... il est évident que pour x=7 il y aura une erreur. Heureusement, grâce à l'instruction continue il est possible de traiter cette valeur à part puis de continuer la boucle!

x=1;
while (x<=10) {
	if (x == 7) {
		Alert('division par 0');
		continue;
	}
	a = 1/(x-7);
	Alert(a);
	x++;
}

Il y avait une erreur dans ce script... peut-être ne l'avez-vous pas vue :
Lorsque x est égal à 7, le compteur ne s'incrémente plus, il reste constamment à la valeur 7, il aurait fallu écrire :

x=1;
while (x<=10) {
	if (x == 7) {
	   Alert('division par 0');
	   x++;
	   continue;
	}
a = 1/(x-7);
Alert(a);
x++;
}

Arrêt inconditionnel

A l'inverse, il peut être voulu d'arrêter prématurément la boucle, pour une autre conditon que celle précisé dans l'en-tète de la boucle. L'instruction break permet d'arrêter une boucle (for ou bien while). Il s'agit, tout comme continue, de l'associer à une structure conditionnelle, sans laquelle la boucle ne ferait jamais plus d'un tour!

Dans l'exemple de tout à l'heure, par exemple si l'on ne savait pas à quel moment le dénominateur (x-7) s'annule (bon...OK...pour des équations plus compliquées par exemple) il serait possible de faire arrêter la boucle en cas d'annulation du dénominateur, pour éviter une division par zéro!

for (x=1; x<=10; x++) {
	a = x-7;
	if (a == 0) {
		Alert('division par 0');
		break;
	}
	Alert(1/a);
}

L'instruction switch...case

L'instruction switch permet de faire plusieurs tests de valeurs sur le contenu d'une même variable. Ce branchement conditionnel simplifie beaucoup le test de plusieurs valeurs d'une variable, car cette opération aurait été compliquée (mais possible) avec des if imbriqués. Sa syntaxe est la suivante :

switch (Variable) {
	case Valeur1:
	Liste d'instructions;
	break;
	case Valeur2:
	Liste d'instructions;
	break;
	case ValeurX:
	Liste d'instructions;
	break;
	default: 
	Liste d'instructions;
	break;
}

Les parenthèses qui suivent le mot clé switch indiquent une expression dont la valeur est testée successivement par chacun des case. Lorsque l'expression testée est égale à une des valeurs suivant un case, la liste d'instruction qui suit celui-ci est exécuté. Le mot clé break indique la sortie de la structure conditionnelle. Le mot clé default précède la liste d'instructions qui sera exécutée si l'expression n'est jamais égale à une des valeurs.
Il est essentiel de terminer chaque bloc d'instruction par l'instruction break !

N'oubliez pas d'insérer des instructions break entre chaque test, ce genre d'oubli est difficile à détecter car aucune erreur n'est signalée...

Trucs & astuces pertinents trouvés dans la base de connaissances

12/02 01h50 convertisseur d'unités de mesures scientifiques (Javascript)
19/11 00h08 Effacer un champ de formulaire lors du clic (focus) (Javascript)
18/11 00h43 JavaScript c'est la même chose que Java (Mythes et légendes)
11/11 01h39 Coloration syntaxique dans vos pages web (Webmaster)
04/11 16h32 Interdire le clic droit de la souris (Javascript)
08/11 10h32 Lien aléatoire / Choisir un lien au hasard (Javascript)
05/11 11h53 Date de dernière modification de la page (Javascript)
Javascript Plus d'astuces sur « Javascript »

Discussions pertinentes trouvées dans le forum

09/01 10h50 javascript [javascript] Webmastering 10/01 21h17->Ssylvainsab7
02/04 16h09 javascript script maj auto [Javascript] Pb de script de MaJ auto Windows 21/07 14h54->txiki20
15/09 08h03 javascript JavaScript Windows 15/09 11h16->Erdnax18
18/02 16h25 code javascript erreur code javascript Windows 05/04 08h50->Erdnax16
05/01 13h52 php javascript date obtenir âge [php/javascript][Date] Comment obtenir l'âge Développement 01/03 11h44->fenix5115
14/10 14h55 intégrer javascript php Problème pour intégrer du javascript dans php Webmastering 14/10 17h09->ratagaz11
16/11 15h22 parser javascript php [Parser] : Javascript ou PHP ? Développement 24/11 23h49->slooptoo10
04/05 12h01 fonction php fonction javascript fonction PHP depuis fonction javascript Webmastering 09/04 14h41->einstein2129
13/05 16h48 html javascript menu déroulants cascade [HTML - Javascript] Menu déroulants cascade Webmastering 25/09 10h26->Gwen9
03/10 11h39 faille sécurité firefox javascript [Faille sécurité] Firefox et Javascript Virus/Sécurité 12/01 19h52->philo21009
Discussion fermée Problème résolu Javascript Plus de discussions sur « Javascript »

Ce document intitulé « Javascript - Structures conditionnelles » issu de l'encyclopédie informatique Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.