Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

Opérateurs de comparaison

Ils permettent de faire des tests de comparaison sur des valeurs, comme vérifier l’égalité, la différence, la supériorité etc..

Ils sont utilisés avec les structures de contrôles conditionnelles (if, while..) Chaque opérateur renvoie un booléen vrai ou faux (true ou false) en fonction de la véracité de la comparaison.

Les opérateurs de comparaison sont :

  • : supérieur
  • : inférieur
  • >= : supérieur ou égale
  • <= : inférieur ou égale
  • != : différent en valeur
  • !== : différent en valeur et en type
  • == : égalité des valeurs
  • === : égalité des valeurs et des types

Tester une valeur supérieur ou inférieur

Vous pouvez vérifier la supériorité stricte avec le signe > et l’infériorité stricte avec le signe <

alert(3>2); // 3 supérieur à 2 - affichera vrai (true)
alert(3<2); // 3 inférieur à 2 - affichera faux (false)

Une comparaison moins stricte, qui accepte l’égalité, peut se faire avec le signe >= ou le signe <=

alert(3<=3); // 3 inférieur ou  égale à 3 - affichera vrai (true)
alert(3>=3); // 3 supérieur ou  égale à 3 - affichera vrai (true)

Tester l’égalité

Ne pas confondre l’opérateur d’affectation = avec l’opérateur d’égalité ==

alert(3<=3); // 3 inférieur ou  égale à 3 - affichera vrai (true)
alert(3>=3); // 3 supérieur ou  égale à 3 - affichera vrai (true)

Bien différencier le == qui vérifie l’égalité des valeurs et le === qui vérifie l’égalité des valeurs et des types

alert(2 == "2"); // affichera vrai (true)
alert(2 === "2"); // affichera faux (false)

Tester la différence

Pour vérifier que deux variables sont différentes en valeur on utilise le signe !=

alert(2 != "2"); // affichera faux (false)

Si vous voulez vérifier que deux variables sont différentes en valeur et en type on utilisera le signe !==

alert(2 !== "2"); // affichera vrai (true)

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
tutowebdesign

Créer un menu latéral animé

Créer un menu latéral animé Idéal pour les formats mobiles, voici un menu latéral animé facile à faire dont l’ouverture est déclenchée par Javascript. Commençons

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.