Les opérateurs unaires
L'opérateur unaire agit sur une opérande.
++ |
Incrémentation et préincrémentation |
-- |
Décrémentation et prédécrémentation |
** |
Exponentiation |
Démo
var val;
val=5;
document.write("C'est 5 qui va s'afficher: ",val++,"<br>"); //Affiche val puis incrémente val
document.write("C'est 6 qui va s'afficher: ",val,"<br>"); //Affiche val
document.write("C'est 7 qui va s'afficher: ",++val); //Incrémente val puis affiche val
document.write("C'est 49 qui va s'afficher: ",val**2); //On fait val exposant 2
Les opérateurs arithmétiques
les opérateurs arithmétiques agissent entre 2 opérandes.
* | multiplication |
/ | division |
+ | addition ou concaténation |
- | soustraction |
% | reste d'une division |
Démo
var res_add,res_sou,res_mul,res_div,res_mod;
valeur1 = 8;
valeur2 = 43;
res_add = valeur1 + valeur2;
res_sou = valeur1 - valeur2;
res_mul = valeur1 * valeur2;
res_div = valeur1 / valeur2;
res_mod = valeur1 % valeur2;
/*Et voici les résultats
------------------------------*/
document.write("Addition: "+res_add,
"<br>Soustraction: "+res_sou,
"<br>Multiplication: "+res_mul,
"<br>Division: "+res_div,
"<br>Modulo: "+res_mod);
Les opérateurs d'affectation combinés
Ces opérateurs réalisent à la fois une opération entre deux opérandes et l'affectation du résultat à l'opérande de gauche.
+= | Addition puis affectation: $x += $y équivaut à $x = $x + $y |
-= | Soustraction puis affectation: $x -= $y équivaut à $x = $x - $y |
*= | Multiplication puis affectation: $x *= $y équivaut à $x = $x * $y |
/= | Division puis affectation: $x /= $y équivaut à $x = $x / $y |
**= | Exponentiation puis affectation: $x **= $y équivaut à $x = $x ** $y |
%= | Modulo puis affectation: $x %= $y équivaut à $x = $x % $y |
Les opérateurs de comparaison
> |
plus grand que (greater than) |
< |
plus petit que (less than) |
>= |
plus grand ou égal à (greater than or loose-equals) |
<= |
plus petit ou égal à (less than or loose-equals) |
== |
égalité simple (indépendante du type) (loose-equals) |
=== |
égalité stricte (y compris le type) (strict-equals) |
!= |
inégalité simple (indépendante du type) (loose not-equals) |
!== |
inégalité stricte (y compris le type) (strict not-equals) |
Le résultat d'une expression de comparaison est true ou false, les opérateurs de comparaison permettent de faire
des choix sur les traitements à appliquer aux données.
Démo
var valeur1,valeur2,res_egal,res_gt;
valeur1=8;
valeur2=43;
res_gt=valeur1 > valeur2;
//Et voici le résultat
document.write("Résultat:",res_gt);
//A vérifier avec les autres opérateurs...
Les opérateurs logiques
le ET (&&)
Elle est définie de la manière suivante : a ET b est TRUE si et seulement si a est TRUE et b est TRUE.
a && b |
a |
b |
1 |
1 |
1 |
0 |
0 |
1 |
0 |
1 |
0 |
0 |
0 |
0 |
Démo
var valeur1,valeur2,valeur3,res_egal,res_gt;
valeur1 = 8;
valeur2 = 43;
valeur3 = 125;
res_gt = (valeur1 > valeur2) && (valeur1 < valeur2);
/*Et voici le résultat
-----------------------------*/
document.write("Résultat: ",res_gt);
//A vérifier avec les autres opérateurs...
le OU (||)
Elle est définie de la manière suivante : a || b est TRUE si et seulement si a ou b est TRUE.
a || b |
a |
b |
1 |
1 |
1 |
1 |
0 |
1 |
1 |
1 |
0 |
0 |
0 |
0 |
Démo
var valeur1,valeur2,valeur3,res_egal,res_gt;
valeur1 = 8;
valeur2 = 43;
valeur3 = 125;
res_gt = (valeur1 > valeur2) || (valeur1 < valeur2);
/*Et voici le résultat
-----------------------------*/
document.write("Résultat: ",res_gt);
//A vérifier avec les autres opérateurs...
le NON (!)
Elle est définie de la manière suivante : !a est TRUE si et seulement si a est FALSE et !a est FALSE si et seulement si a est TRUE.
Démo
var valeur1,valeur2,res_gt;
valeur1 = 8;
valeur2 = false;
res_gt = !valeur1; //donnera false
document.write(res_gt);
res_gt = !valeur2; //donnera true
document.write(res_gt);
Règles de priorité des opérateurs
+
- |
Exécution des parenthèses |
( ) |
Accès à une propriété d'un objet |
. |
Appel de fonction |
(...) |
Opérateurs unaires |
Incrémentation suffixe |
++ |
Décrémentation suffixe |
-- |
NON |
! |
+ unaire |
+ |
- unaire |
- |
Incrémentation préfixe |
++ |
Décrémentation préfixe |
-- |
Renvoie le type |
typeof |
Vide |
void |
Supprime une propriété d'un objet |
delete Démo |
Opérateurs arithmétiques |
Exposant |
** |
|
* |
|
/ |
Modulo |
% |
|
+ |
|
- |
Opérateurs de comparaison |
|
< |
|
<= |
|
> |
|
>= |
Permet de parcourir un objet avec une boucle
Cet opérateur renvoie true ou false |
in Démo |
|
== |
|
!= |
|
=== |
|
!== |
Opérateurs logiques |
|
&& |
|
|| |
Opérateurs d'affectation |
= |
|
+= |
|
-= |
|
*= |
|
/= |
|
**= |
|
%= |
|
|
|
Attention, il existe d'autres opérateurs
(
cliquer ici).
Nous ne les aborderons pas dans ce cours mais ils sont néanmoins très intéressants!!!
Quiz
Les opérateurs en JavaScript