Les conditions

Maintenant que nous avons vu comment manipuler les objets via leurs méthodes et attributs et que nous savons parcourir le contenu HTML d'une page pour le modifier à notre guise et sans limite, il est intéressant de voir certaines fonctionnalités de programmation afin de créer des suites d'instruction plus complexes.

Comme dans tous les langages de programmation, la condition principale est if. Voici comment l'utiliser :

//Dans un if, nous pouvons mettre qu'un booléen, donc true ou false
if(rouge){
    console.log("la variable nommée \"rouge\" existe et vaut true !");
}
else{
    console.log("La variable nommée \"rouge\" existe et vaut false !");
}

Si la variable n'a pas été créée avant ce bout de code, et donc que la variable rouge n'existe pas, alors l’exécution s'arrête et une erreur est renvoyée dans la console.

Évidemment, les conditions vous donnent envie de comparer certaines valeurs, vérifier si certaines existent, et beaucoup d'autres choses. C'est pourquoi certains opérateurs existent et permettent de renvoyer true ou false selon l'issue, afin d'être utilisé dans des conditions. Par exemple :

//Comparer deux nombres entre eux.
var a = 3;
var b = 5;
if(a > b){
    console.log("a est strictement supérieur à b");
}
else{
    console.log("a est inférieur ou égal à b");
}

//comparer deux suites de caractères
var c = "Je m'appelle Thomas";
var d = "Je m'appelle Lise";
if(c == d){
    console.log("La suite de caractère c est égale à la d. Ce n'est pas le cas.");
}
//Cette dernière condition n'est pas remplie, la ligne à l'intérieur ne sera pas
//executée.

Il existe beaucoup d'opérateurs différents et pour les conditions beaucoup plus complexes, lorsqu'on travaille avec des objets plus complexes, il existe alors certaines méthodes appartenant à ces objets et qui renvoient un booléen (true ou false). C'est ce que j'ai fait lorsque j'ai appliqué une condition sur la checkbox de la page précédente.

Voici quelques uns des opérateurs fréquemment utilisés :

Opérateur	Description
==	Voir si deux variables ont la même valeur
>= et > et > et >=	Les différentes inégalités de nombres
!=	Voir si deux variables ont une valeur différente
!	Opérateur appliquéà un booléen. Cela inverse sa valeur. Ainsi par exemple, !false == true est vrai.

Il est bien de préciser qu'au delà de true ou false, les conditions interprètent également les entiers. Si l'entier est différent de 0, alors c'est true, sinon c'est false. Ainsi :

//Ici, la console va imprimer "salut" et "coucou"
if(0){
    console.log("salut");
}
//On rentre dans cette condition car -1 est vrai. Mais !-1 est le contraire,
//donc faux, mais !!-1 est le contraire, donc vrai. (Il faut suivre !!)
if(!!-1){
    console.log("coucou");
}