Premiers pas en JavaScript
14.1 IF, condition vraie ou fausse
cuy copyleft
  See You Why?  

 


opérateurs mathématiques d'assignation (13.1) | | IF condition comparaisons (14.2)

Contenu

 

 

I. Condition vraie ou fausse

Dans la programmation, il s'avère souvent nécessaire d'effectuer des instructions que si une ou plusieurs conditions sont remplies. Vous laissez alors à votre ordinateur le soin de prendre une décision. Avant de répondre "Très bien" à votre élève, vous aurez le soin de vérifier si sa réponse est correcte. Les lignes qui suivent vous apprendrons à tester si une condition est vraie et à exécuter des instructions dans ce cas de réponse vraie.

Bien des tests peuvent être opérés pour vérifier des éléments :
* la réponse donnée est-elle correcte ?
* cette réponse correcte a-t-elle été donnée au premier essai ou non ?
* le nombre de réponses correctes est-il supérieur à 80 % ou inférieur à 50 % ?
* dans un (ancien) numéro de compte bancaire belge, le reste de la division des 10 premiers chiffres est-il égal aux 2 derniers chiffres ?
* dans un (ancien) numéro de TVA belge, s'il n'y avait pas 10 chiffres, on ajoutait un 0 devant, on divisait les 8 premiers chiffres par 97 et le reste de la division, ajouté au nombre formé des 2 derniers chiffres donnait-il 97 ?
* êtes-vous majeur ?
* avez-vous 65 ans ou plus ?

Il y a plusieurs occasions d'agir de façons différentes selon que la réponse à une question soit Oui ou Non.

En JS, la syntaxe à suivre pour n'exécuter certaines instructions que si une condition est vérifiée, on dit aussi que la condition doit prendre la valeur booléenne (ou logique) true, est :

if (condition à vérifier) {
        faire();
        //la liste des instructions à exécuter si la condition est vraie
}

Pour commencer, nous ne travaillerons qu'avec une seule condition qui doit être vraie (valeur boolénne true).

Chaque instruction de la liste doit évidemment se terminer par un point virgule.

Avant de passer à la section suivante, nous ne vérifierons ici que le cas d'une égalité vérifiée.

La syntaxe est donc :

  1. le mot-clé réservé if (qui signifie en anglais "si...") ;
  2. espace suivie d'une condition placée entre parenthèses ;
  3. insertion de l'accolade ouvrante { qu'on pourrait traduire ici par "alors..." ;
  4. insertion d'une ou plusieurs lignes d'instructions, toutes terminées par un point-virgule ;
  5. sur une nouvelle ligne, insertion de l'accolade fermante } au niveau du if de début ;

On retiendra donc qu'à certains moments, dans la programmation, il peut s'avérer utile de tester une (ou plusieurs) condition(s) qui permettra(ont) de déterminer s'il y a lieu d'exécuter ou non une série d'instructions.
Si la condition est vérifiée, toutes les instructions situées entre les accolades sont exécutées (on parle d'un bloc d'instructions). Si elle ne l'est pas, ce bloc d'instructions ne s'exécute pas, et le programme se poursuit à l'instruction qui suit l'accolade fermante.

A. la condition d'égalité se vérifie par le double signe ==

En abordant les variables, nous avons vu que le simple signe = signifiait "prend la valeur de", qui était le signe d'affectation d'une valeur à une variable.

Pour vérifier si une égalité est vraie, il faudra ne pas utiliser ce simple =, mais JS exige bien le signe double ==, qui est un opérateur de comparaison et qui pourrait se lire "est-il égal à...". N'oubliez pas ceci, c'est une cause fréquente d'erreur par les novices de JS.
= signifie "devient égal à" ou "prend la valeur de",
== signifie "est-il égal à... ?" ou "a-t-il la même valeur que... ?"
.

On n'oubliera pas que toute programmation en JS doit se trouver entre des balises <script>. Ainsi, la définition de notre première fonction se présentera ainsi :

<script type="text/javascript">

function faire() {
     alert("Un bonjour de la part de CUY : condition vérifiée");
     // d'autres instructions pourraient être notées ici
}

</script>

Votre première condition (valeur booléenne true) unique est définie... il ne nous restera à voir que le "sinon" (valeur booléenne false), les conditions imbriquées, puis les conditions plus complexes avec ET ou OU.

Un rappel cependant : une variable de type null sera traitée comme la valeur booléenne false dans les conditions. De même, une chaîne vide sera aussi traitée comme la valeur booléenne false dans les conditions... ce qui facilite les réactions lorsqu'un internaute ne réagit pas à une réaction attendue. Ainsi, on pourrait avoir le code suivant :

 

Exemple

<html>
<body>

<h1>variable comme condition</h1>

<script type="text/javascript">
var ma_variable = prompt("Quel est ton prénom ?","");
if (ma_variable) {
       
alert("Bonjour " + ma_variable + " ! Je ne te salue que parce que tu as eu l'honnêteté de te présenter");
}


</script>


</body>
</html>

 

 

B. seules les intructions entre { et } seront exécutées

Si la condition est vérifiée, seul le bloc, seules les instructions entre l'accolade ouvrante { et l'accolade fermante } seront exécutées... les accolades qui suivent immédiatement la condition, évidemment... Il reste cependant évident que toutes les instructions hors de ces accolades ne sont soumises à aucune condition et seront donc exécutées.

Ce n'est que dans l'étape suivante que nous aborderons la possibilité de traiter "dans le cas contraire"...
Ce chapitre-ci traite du 'si...' 'alors...',
le chapitre suivant traitera du 'si...' 'alors...' 'sinon...'.

Nous venons de traiter le cas "si..." suivi d'une comparaison d'égalité, la section suivante fera état d'autres opérateurs de comparaison, à savoir différents cas d'inégalités.

Nous verrons aussi dans un chapitre suivant que des conditions multiples pourront être vérifiées, ainsi "condition1 ET condition2 OU condition3".

 

C. les variables booléennes

En abordant les types de variables en JS, nous avions fait allusion au type booléen... sans insister. C'est peut-être le moment d'y revenir. Une condition en JS prend une valeur booléenne, à savoir true ou false (vrai ou faux) ; si la condition est vérifiée, la condition prend la valeur true... qui pourrait être stockée dans une variable de type booléen.

Ainsi,
(5==5)
est toujours vrai, donc prendra la valeur true ;
(5==7)
est toujours faux, donc prendra la valeur false ;
var mavar1 = (5==5),
comme (5==5) est vrai, mavar1 prendra la valeur booléenne true ;
var mavar2 = (5==7),
comme (5==7) est faux, mavar2 prendra la valeur booléenne false ;
(mavar1==true)
est vrai, donc prendra la valeur true ;
(mavar2==false)
est vrai, donc prendra la valeur true ;
var mavar3 = (mavar1==mavar2),
comme mavar1 est true, mavar2 est false, var1==var2 sera false et
mavar3 prendra la valeur false ;
var mavar4=(mavar3==false)
sera vrai, car mavar3 est false, donc la condition est true et mavar4 prend la valeur true.

Tout cela nous promet bien du plaisir lorsque nous aborderons les opérateurs logiques and, or ou not dans le chapitre 17 des conditions complexes.

 

 

II. Les comparaisons d'inégalités

voir suite >>>

 

 

VIII. Exercices relatifs à la condition IF

voir suite >>>

 

IX. Test relatif à la condition IF

voir suite >>>

 

 


opérateurs mathématiques d'assignation (13.1) | | IF condition comparaisons (14.2)

 

 

Merci de votre visite à partir de :

Vous êtes sur :
https://cuy.be/cours/jvs/jvs_140_if_condition_vraie_fausse.html

partager sur FaceBook...           consulter sur FaceBook...

 

copyleft
Des liens ne fonctionnent plus ?
Avez-vous des suggestions ?
des commentaires, des corrections, un encouragement... ?
Pour info : Non, il n'y a pas de version papier ou DOC, PDF, etc. de ces notes.


Envoyez-moi un E-Mail (cuy(point)w(at)skynet(point)be)

Attention (at) signifie @ et (point) signifie .

Accueil CUY = See you why?

Compteur gratuitEasyCounter     BelStat Monitored by BelStat - Your Site Counts
La 1 000 000e page a été visitée le 21 mai 2010.
La 2 000 000e page a été visitée ce 18 mars 2012, vers midi.
La 3 000 000e page a été visitée ce 7 janvier 2014 entre 18 h et 18 h 45,
La 4 000 000e page a été visitée ce 5 juin 2015 entre 15 h 49 et 15 h 52,
La 5 000 000e page a été visitée ce 29 aout 2017 après 23 h 30,
Et la 6 000 000e page visitée, trop tôt pour y penser ?
 
et, d'après BelStat, CUY est visité surtout en semaine, peu le weekend...
moins et irrégulièrement pendant les vacances :

visites sur 3 mois, de la mi octobre 2013 à la mi janvier 2014.
 
La 3 333 333e page visitée a eu lieu ce mardi 10 juin 2014, en début d'après midi...
La 3 666 666e page visitée a eu lieu ce dimanche 28 decembre 2014, vers 16 h...
Un tiers de million de pages visitées en 154 jours cela fait une moyenne de 2165 pages visitées par jour...
Deux tiers de million de pages visitées en 355 jours soit une moyenne de 1878 pages visitées par jour...
et seulement 1195 pages visitées quotidiennement pendant les vacances estivales
de la mi juin à la mi septembre 2014

Vous voulez lire quelques messages reçus ?
quelques encouragements ?
Cliquez ici


Fin septembre 2009, installation de ce compteur
qui ne compte chaque nouvel ordinateur visiteur qu'une seule fois
free counter
 
m-à-j du 22/11/2021 :

Depuis cette fin septembre 2009, parmi les 210 pays (sur 274 drapeaux connus) qui nous ont visité,
voici les 100 pays qui nous visitent le plus, 
Nos petits visiteurs, classés par date de visite, où un seul ordi nous a visité, sont :
199. Turkmenistan (TM May 10, 2017) ; 200. Lesotho (LS March 1, 2017) ;
201. Turks and Caicos Island (TC January 18, 2016
202. Cook Islands (CK September 19, 2015)  203. Faroe Islands (FO January 27, 2015
204. Virgin Islands American (VI November 12, 2014) ;
205. Belize (BZ September 29, 2014) ;206. Eswatini - Swaziland (SZ July 21, 2014) ;
207. Grenada (GD April 3, 2014) ; 208. Timor-Leste (TI March 29, 2014) ;
209. American Samoa (AS December 26, 2012) ; 210. Guyana (GY November 5, 2010).