Lien utile

Tutoriel sur le JavaScript - Les tests conditionnels - If

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 31 Mars 2009


Plus vos programmes en JavaScript deviennent sophistiqués, plus vous aurez besoin de faire usage des instructions conditionnelles pour leur permettrent de prendre des décisions. Presque toutes les autres langages de programmation utilisent des instructions conditionnelles, JavaScript n’y fait pas exception.
L’instruction " If " est un moyen de prendre des décisions sur la base d'une variable ou d'un autre type de données. Par exemple, vous avez peut-être une variable qui stocke les dates. Avec ce peu d'information, vous pouvez facilement programmer un petit script pour imprimer, "Aujourd'hui, c'est mon anniversaire!" chaque fois que le jour et le mois courant sont égaux à votre anniversaire.

Sommaire :





Les tests conditionnels - If



Syntaxe de l’instruction If

L’instruction If est composée de deux parties principales : l’instruction conditionnelle et le code à exécuter.
L’instruction conditionnelle est une déclaration qui va évaluer, soit vrai ou faux. Le type le plus commun d’instruction conditionnelle utilise des contrôles pour voir si quelque chose est égal à une valeur. Par exemple vérifier si une date est égale à celle de votre anniversaire.
Ci-dessous, voici un segment de code JavaScript qui sera exécuté seulement si l’instruction conditionnelle If est vraie. Dans ce cas simple d’utilisation de l’instruction If, on affiche un message si la variable que nous vérifions est égale à 10.


.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
  <script type="text/javascript">
<!--
var monNombre = 10;

if(monNombre == 10){
    document.write("Joyeux anniversaire!");
}
//-->
</script>
Affiche : "Joyeux anniversaire!"

Dans cet exemple nous avons créé la fonction monNombre et la fixons à la valeur 10. Ensuite nous avons vérifier si monNombre a été égal à 10 ( " monNombre == 10") dans l’instruction conditionnelle If, évaluée par Vrai.
Parce que l’instruction conditionnelle a retourné Vrai, le bloc de code associé à notre Instruction If ( "document.write ...") a été exécuté, comme vous pouvez le voir à l’affichage.


L’instruction If : Else

Nous avons déjà appris comment exécuter un code si une condition est Vraie, mais que faire si vous voulez exécuter une autre partie du code, si quelque chose est Faux? La réponse est d'utiliser une extension de l’instruction If : la clause Else.
La clause Else est exécutée lorsque l’instruction conditionnelle retourne Faux. Prenons notre exemple ci-dessus, ajoutons la clause Else, et changeons la valeur de monNombre pour rendre notre instruction conditionnelle Fausse.


.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
.11
.12
  <script type="text/javascript">
<!--
var monNombre = 12;

if(monNombre == 10){
    document.write("Joyeux anniversaire!!");
}else{   
    document.write("Ce n’est pas votre anniversaire !!");   
}
//-->
</script>
Affiche : "Ce n’est pas votre anniversaire !!"