if

Exécution conditionnelle

Il s'agit d'aiguiller les actions en fonction de certaines données, de certaines circonstances.

Un premier exemple :

		
		Si n est pair alors afficher("n est pair")
		sinon afficher("n est impair")
		fin_si

Testez ce code dans une page html :

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> Parité </title>
    </head>
    <body>
       
 
        <script>
        let n = prompt("Entrez un entier : ");
        
        let parite = '';
        
        if (n%2 === 0) // n%2 est le reste dans la division de n par 2
        {  
        	parite = 'pair';
        }
        else
        {
        	parite = 'impair';
        }
        
        document.write(`L'entier ${n} est ${parite}.`);
 
        </script>
    </body>
</html>

La présence de la partie else n'est pas obligatoire (imaginer un cas où l'on ne doit rien "faire" lorsque n est impair).
On remarquera l'utilisation de === pour le test d'égalité. On ne confondra pas avec = qui sert à l'affectation d'une variable.

a et b étant des entiers, a%b est le reste dans la division entière de a par b. Ainsi a%2 est égal à 0 lorsque a est pair et à 1 lorsque a est impair.

Pour un test d'égalité, on peut utiliser en javascript === ou ==. Il y a toutefois une différence entre ces deux tests. Vous trouverez ici des explications sur les différences entre ces deux tests.

Les opérateurs de comparaison.

Nous avons vu dans l'exemple ci-dessus comment tester que deux variables ont même valeur. On peut comparer les valeurs de deux variables avec les opérateurs du tableau suivant.

Comparaisons
Opérateur	Symbole
égalité	===
différent de	!==
inférieur (strict)	<
supérieur (strict)	>
inférieur ou égal	<=
supérieur ou égal	>=

Testez le script ci-dessous et attachez vous à comprendre la portée de chaque condition.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> Parité </title>
    </head>
    <body>
       
        
        <script>
         let a = parseInt(prompt("Entrez un premier entier : "));
		 let b = parseInt(prompt("Entrez un second entier : "));
		 
		 if (a !== b) {
			 document.write(`Les nombres ${a} et ${b} sont différents. <br>`);
			 
			 if (a < b) {
				 document.write(`Le nombre a = ${a} est strictement inférieur au nombre b = ${b}.`);
			 }
			 else {
				 document.write("Le nombre a = " + a + " est strictement supérieur au nombre b = " + b + ".");
			 }
		 }
		 else {
			 document.write(`Les entiers a = ${a} et b = ${b} sont égaux.`);
		 }
        </script>
    </body>
</html>

Les booléens

Il n'existe que deux valeurs booléennes : true (vrai) et false (faux).

Un test, comme ceux des programmes ci-dessus, renvoie toujours une valeur booléenne.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> booléen </title>
    </head>
    <body>
        <script>
        let a = (2===3);
        document.write(`a = ${a}.<br>`);
        document.write(`Type de a = ${typeof a}.<br>`);
        
        let b = (3 < 8);
        document.write(`b = ${b}.<br>`);
        document.write(`Type de b = ${typeof b} <br>`);  
        </script>
    </body>
</html>