Retour au portfolio

JavaSript

Les conditions :

Une condition est une structure conditionnelle qui contient un test dont le résultat sera vrai ou faux.
Elle permet d'exécuter des instructions en fonction du résultat de ce test, on parle donc de structure conditionnelle, car un code ne s’exécutera qu’à condition que le test soit vrai ou faux.

Commençons par découvrir la syntaxe d’une condition en JavaScript, déjà on déclare une variable qui servira de condition :

let condition = true;

Pour introduire une condition, on utlise la première instruction avec le mot if (si, en français), ensuite on ajoute entre parenthèses la condition en elle-même, puis on ouvre les accolades pour indiquer l'instruction à exécuter si la condition est remplie :

if (condition == true) {
    // Code à exécuter 
} 

Si la condition est vraie, le code sera executé, le cas contraire, rien ne se passera.

On peut aussi lui indiquer une deuxième instruction à executer au cas où la condition est fausse en rajoutant le mot else (sinon, en français) :

else {
    // Code exécuté si la condition est fausse
}

Il existe aussi un troisième instruction avec le mot clé else if qui lui veut dire (sinon si, en français), voici un exemple de son utilisation :

// indiquons la variable qui sert de condition
let allowed = 18;
                
// SI on a l'autorisation 
if (allowed >= 18) {
     // instructions à exécuter quand on est autorisé 
} 
// SINON SI on n'a pas l'autorisation 
else if (allowed < 18) {
    // instructions à exécuter quand on n'est pas autorisé 
} 
    // SINON il n'y a pas de réponse et on affiche un message d'erreur
else  {
    // indiquer un message d'erreur 
}

Toutes ces conditions fonctionnent bien évidemment avec des opérateurs de comparaison et ils peuvent être combinés aux opérateurs logiques.
Nous allons voir ci-dessous deux tableaux des différents opérateurs de comparaisons et de logiques.

Opérateurs de comparaison
Symbole Signification
< inférieur à
<= inférieur ou égal à
> supérieur
>= supérieur ou égal à
=== strictement égal à
!== est différent de
Opérateurs de logique
Symbole Signification
&& et
|| ou

Voyons maintenant le fonctionnement avec plusieurs conditions :

// On indique la variable qui sert de condition 
let age =59;

// la condition indique que si son age est inférieur à 20  
if (age <20) { 
console.log('Vous êtes un enfant'); // on lui indique que c'est un enfant
} 
// la condition indique que si son age est supérieur ou égal à 20 et inférieur ou égal à 29
else if(age >= 20 && age <= 29){
console.log('Vous êtes un vingtenaire') // on lui indique que c'est un vingtenaire
}
// et ainsi de suite...
else if(age >= 30 && age <= 39){
console.log('Vous êtes un trentenaire')
}
else if(age >= 40 && age <= 49){
console.log('Vous êtes un quadragénaire')
}
else if(age >= 50 && age <= 59){
console.log('Vous êtes un quinquagénaire')
}
else if(age >= 60 && age <= 69){
console.log('Vous êtes un sexagénaire')
}
else if(age >= 70 && age <= 79){
console.log('Vous êtes un septuagénaire')
}
else if(age >= 80 && age <= 89){
console.log('Vous êtes un octogénaire')
}
else if(age >= 90 && age <= 99){
console.log('Vous êtes un nonagénaire')
}
else if(age >= 100 && age <= 109){
console.log('Vous êtes un centenaire')
}
// l'instruction "else" n'aura jamais de condition et sera toujours à la fin
else {
console.log('Vous n\'avez plus d\age');
} 

Vous pouvez aller voir le résultat dans la console.

// afiche Vous êtes un quinquagénaire

~~ Fin ~~