La structure conditionnelle if

La structure conditionnelle if permet de tester si une condition est vraie. Dans ce cas, elle a la valeur booléenne true. Si c'est le cas, alors le programme exécute l'instruction qui suit ou le bloc d'instructions qui suit.

Syntaxe

// La condition toujours entre parenthèses if ( condition ) une_seule_instruction ; if ( condition ) { // Un bloc = une ou plusieurs instructions // entre une paire d'accolades instruction_1 ; instruction_2 ; }

Exemples

if ( true ) alert('C\'est true'); // Affiche C'est true if ( false ) alert("C'est false"); // Affiche rien

Si on veut exécuter plusieurs instructions, il va falloir les regrouper dans un bloc. On fabrique le bloc avec une paire d'accolades.

if ( true ) { alert('C\'est true'); // Affiche C'est true alert('Et ça me plait') // Affiche Et ça me plait }

Si vous enlevez les accolades et que la condition est false.

if ( false ) alert('C\'est true'); // Affiche rien alert('Et ça me plait') // Affiche Et ça me plait

Pour fabriquer une condition vous pouvez utiliser des opérateurs conditionnels avec des opérateurs logiques. Il y a une infinité de possibilités.

var estInscrit=true; if ( 3 > 2 && 'Nice' < 'Paris' && estInscrit ) alert("C'est true"); // Affiche c'est true

Cette expression 3 > 2 && 'Nice' < 'Paris' && estInscrit est évaluée à true et c'est ça qui nous intéresse.

Syntaxe

Si la condition est false c'est l'alternative else qui est exécutée.

if ( condition ) une_seule_instruction ; // Sinon alternative avec une seule instruction else une_seule_instruction ; if ( condition ) { // Une ou plusieurs instructions instruction_1 ; instruction_2 ; // sinon alternative avec une seule instruction } else une_seule_instruction ; if ( condition ) { // Une ou plusieurs instructions instruction_1 ; instruction_2 ; // sinon alternative avec un bloc d'instructions } else { // Une ou plusieurs instructions instruction_1 ; instruction_2 ; }

Exemples

if ( true ) alert("1 -> C'est true"); // Affiche 1 -> C'est true else alert("1 -> C'est false"); if ( false ) alert("2 -> C'est true"); else alert("2 -> C'est false"); // Affiche 2 -> C'est false

Syntaxe

Il est possible de mettre les tests de conditions "les uns à la suite des autres" avec autant de else if que l'on veut.

// Si condition_1 if ( condition_1 ) { // premier bloc // sinon si condition_2 } else if ( condition_2 ) { // deuxième bloc // sinon si condition_3 } else if ( condition_3 ) { // troisième bloc // sinon } else { // quatrième bloc }

Exemples

if ( false ) alert(1); else if ( false ) alert(2); else alert(3); // Affiche 3

Certaines valeurs ont un équivalent booléen à false. Si elles sont évaluées dans la condition d'une structure conditionnelle, elles sont vues comme false. Il y a :

1. la valeur 0 de type number.
2. la chaîne vide '' de type string.
3. la valeur undefined de type undefined.
4. la valeur NaN de type number.
5. la valeur null de type object.

if ( 0 ) alert('1-> true'); else alert('1 -> false'); // Affiche 1 -> false if ( '' ) alert('2 -> true'); else alert('2 -> false'); // Affiche 2 -> false var x; // undefined if ( x ) alert('3 -> true'); else alert('3 -> false'); // Affiche 3 -> false if ( null ) alert('4 -> true'); else alert('4 -> false'); // Affiche 4 -> false if ( NaN ) alert('5 -> true'); // Penser à utiliser isNaN() else alert('5 -> false'); // Affiche 5 -> false

On peut aussi affecter une variable dans la condition. L'affectation est un opérateur. Le résultat retourné par l'opération est la valeur affectée.

var bol,x; if ( bol=true ) alert('1-> true'); // Affiche 1 -> true else alert('1 -> false'); if ( x=0 ) alert('2 -> true'); else alert('2 -> false'); // Affiche 2 -> false