if-else.md

Javascript

Opérateurs Conditionnels : if '?'

Parfois, nous devons effectuer différentes actions en fonction d'une condition, nous devons donc utiliser l'instruction if et l'opérateur conditionnel '?'

L'instruction if

l'instruction if vérifie une condition entre parenthèses, si le résultat est true il exécute le bloc de code

par exemple :

let year = prompt('In which year was ECMAScript-2015 specification published?', '');
if (year == 2015) alert( 'You are right!' );

Dans l'exemple ci-dessus, la condition vérifie une égalité simple (year == 2015)

s'il y a + d'exécution à exécuter nous devons alors écrire le code entre des accolades :

if (year == 2015) {
  alert( "That's correct!" );
  alert( "You're so smart!" );
}

mais il est recommandé de mettre le code entre les accolades même si il n'exécute qu'une seule instruction.

Conversion Booléenne

Un nombre 0 une chaîne de caractères vide "", null, undefined et NaN deviennent false

les autres valeurs deviennent true.

La clause else

L'instruction if peut contenir un bloc else il s'éxecute lorsque la condition est incorrecte.

Plusieurs conditions : "else if"

Quand nous voulons tester plusieurs conditions, nous devons utiliser la clause else if il peut y avoir plusieurs else if dans le même block, le dernier else est optionnel.

Opérateur ternaire "?"

Parfois nous devons attribuer une variable à une condition

L'opérateur ternaire ou dit "point d'interrogation" nous permet de le faire plus simplement et plus rapidement.

L'opérateur est représenté par un point d'interrogation : ? il est appelé ternaire parce que l'opérateur a 3 opérandes,

c'est le seul opérateur en Javascript qui en a autant.

le syntaxe est :

let resul = condition ? value1 : value2

La condition est évaluée, si elle est true, value1 est donc retournée, sinon c'est value2.

par exemple :

let Access = (Age > 18) ? true : false; 

nous pouvons omettre les parenthèses autour de age > 18 l'opérateur point d'interrogation a une faible précédence, il s'éxecute donc après la comparaison >.

mais les parenthèses facilitent la lisibilité du code, il est donc conseillé des les utiliser.

Multiple "?"

Une séquence d'opérateurs ? permettent de renvoyer une valeur qui dépend de plusieurs conditions.

par exemple :

let age = prompt('age?', 18);

let message = (age < 3) ? 'Hi, baby!' :
  (age < 18) ? 'Hello!' :
  (age < 100) ? 'Greetings!' :
  'What an unusual age!';

alert( message );

1. le premier point d'interrogation vérifie si age < 3
2. Si vrai il retourne Hi, baby!, sinon il passe les : et vérifie si age < 18
3. Si vrai retourne Hello!, sinon il passe les : et vérifie si age < 100
4. Si vrai retourne Greetings, sinon il passe le dernier : et retourne What an unusual age!

la même logique en utilisant else if :

if (age < 3) {
  message = 'Hi, baby!';
} else if (age < 18) {
  message = 'Hello!';
} else if (age < 100) {
  message = 'Greetings!';
} else {
  message = 'What an unusual age!';
}