Cours ⇒ Javascript et AJAX facebook twitter youtube

Les  conditions javascript | Les conditions javascript


Une condition (true ou  false)  est  un test  qui  permet  de vérifier  qu'une variable contient bien une certaine valeur.

 Les opérateurs de comparaison

Il y en a 8 :

== : égal à

!= : différent de

 

=== : contenu et type de variable égal à

!== : contenu ou type de variable différent de

 

 

> supérieur à

>= supérieur ou égal à

< : inférieur à

<= : inférieur ou égal à

 

 

Il suffit d'écrire deux valeurs avec l'opérateur de comparaison souhaité entre les deux et  un booléen est  retourné.  Si celui-ci  est  true alors la condition est  vérifiée,  si  c'est  false alors elle ne l'est pas :

 

<script>
var number1 = 2, number2 = 2, number3 = 4, result;
result = number1 == number2; // Au lieu d'une seule valeur, on en écrit
deux avec l'opérateur de comparaison entre elles
alert(result); // la condition est donc vérifiée car les deux variables
contiennent bien la même valeur
result = number1 == number3;
alert(result); // la condition n'est pas vérifiée car 2 est différent de 4
result = number1 < number3;
alert(result); // la condition est vérifiée car 2 est bien inférieur à 4
</script>

Les opérateurs logiques

Il y en a 3 :

&& qui signifie ET avec par exemple : valeur1 && valeur2

Cet opérateur vérifie la condition lorsque toutes les valeurs qui lui sont passées valent true.

||  qui signifie OU avec par exemple : valeur1 || valeur2

Cet opérateur est plus souple car il renvoie true si une des valeurs qui lui est soumise contient

true, qu'importent les autres valeurs.

! qui signifie NON avec par exemple : !valeur

Cet opérateur se différencie des deux autres car il ne prend qu'une seule valeur à la fois. S'il se

nomme « NON » c'est parce que sa fonction est d'inverser la valeur qui lui est passée, ainsi true

deviendra false et inversement.

 La condition if else

La condition est composé :

- de la structure conditionnelle if ;

- de parenthèses qui contiennent la condition à analyser, ou plus précisément le booléen retourné par les opérateurs conditionnels ;

– d'accolades qui permettent de définir la portion de code qui sera exécutée si la  condition se vérifie.

La fonction  confirm() permet une interaction de l'utilisateur à l'exécution du code (true si OK, false si Annuler) :


<script>
var floor = parseInt(prompt("Entrez l'étage où l'ascenseur doit se rendre (de -2 à 30) :"));
if (floor == 0) {
alert('Vous vous trouvez déjà au rez-de-chaussée.');
} else if (-2 <= floor && floor <= 30) {
alert("Direction l'étage n°" + floor + ' !');
} else
{
    alert("L'étage spécifié n'existe pas.");
    }
</script>



 La condition switch

Cette structure permet de gérer une courte liste de possibilités :

<script>
var drawer = parseInt(prompt('Choisissez le tiroir à ouvrir (1 à 4) :')); 
//on précise bien le type de la valeur, ici un nombre avec la fonction parseInt()
switch (drawer) {
case 1: 
// on pose chaque cas l'un après l'autre ; on met des apostrophes si 
//l'on vérifie des chaînes de caractères au lieu de nombres
alert('Contient divers outils pour dessiner : du papier, des crayons, etc.');
break; // on arrête la fonction pour passer à un autre cas
case 2:
alert('Contient du matériel informatique : des câbles, des composants, etc.');
break;
case 3:
alert('Ah ? Ce tiroir est fermé à clé ! Dommage !');
break;
case 4:
alert('Contient des vêtements : des chemises, des pantalons, etc.');
break;
default: // on pose une autre possibilité, pour gérer une erreur de l'utilisateur
alert("Info du jour : le meuble ne contient que 4 tiroirs et, jusqu'à preuve
du contraire, les tiroirs négatifs n'existent pas.");
}
</script>

 Les ternaires

Cette structure permet de simplifier certaines conditions :

<script>
var startMessage = 'Votre genre : ',endMessage, adult = confirm('Êtes-vous une fille ?');
endMessage = adult ? 'Fille' : 'Garçon';
alert(startMessage + endMessage);
</script>

Exemple

Fournir un commentaire selon l'âge de la personne.

Vous devez fournir un commentaire sur 4 tranches d'âge qui sont les suivantes :

 

1 à 6 ans

Vous êtes un jeune enfant

7 à 11 ans

Vous êtes un enfant qui a atteint l'âge de raison

12 à 17 ans

Vous êtes un adolescent

18 à 120 ans

Vous êtes un adulte

Solution

<script>
//Entrer votre âge
var age = parseInt(prompt('Quel est votre âge ?'));
if (1 <= age && age <= 6) {
alert('Vous êtes un jeune enfant.');
} else if (7 <= age && age <= 11) {
alert ('Vous êtes un enfant qui a atteint l\'âge de raison.');
} else if (12 <= age && age <= 17) {
alert ('Vous êtes un adolescent.');
} else if (18 <= age && age <= 120) {
alert ('Vous êtes un adulte.');
} else {
alert ('Erreur !!');
}
</script>

 

 

 

 





>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces