Opérateurs JavaScript

Dernière mise à jour : 10/06/2022

Dans ce chapitre, vous apprendrez à manipuler ou à effectuer des opérations sur des variables et des valeurs à l'aide des opérateurs en JavaScript.

Les opérateurs en JavaScript

Les opérateurs sont des symboles ou des mots clés qui indiquent au moteur JavaScript d'effectuer une sorte d'actions. Par exemple, le symbole d'addition ( ) est un opérateur qui indique au moteur JavaScript d'ajouter deux variables ou valeurs, tandis que les symboles égal à ( ==), supérieur à ( >) ou inférieur à ( <) sont les opérateurs qui indiquent au moteur JavaScript de comparer deux variables ou valeurs, etc.

Les sections suivantes décrivent les différents opérateurs utilisés dans JavaScript.

Opérateurs arithmétiques JavaScript

Les opérateurs arithmétiques sont utilisés pour effectuer des opérations arithmétiques courantes, telles que l'addition, la soustraction, la multiplication, etc. Voici une liste complète des opérateurs arithmétiques de JavaScript :

Opérateur	description	Exemple	Résultat
+	Addition	x + y	Somme de x et y
-	Soustraction	x - y	Différence de x et y.
*	Multiplication	x * y	Produit de x et y
/	Division	x / y	Quotient de x et y
%	Modulo	x % y	Reste de x divisé par y

L'exemple suivant vous montrera ces opérateurs arithmétiques en action :

var x = 10;
var y = 4;
alert(x + y); /*Affiche: 14 */
alert(x - y); /* Affiche: 6 */
alert(x * y); /* Affiche: 40 */
alert(x / y); /* Affiche: 2.5 */
alert(x % y); /* Affiche: 2 */

Opérateurs d'affectation JavaScript

Les opérateurs d'affectation sont utilisés pour affecter des valeurs aux variables.

Opérateur	description	Exemple	Est le même que
=	Attribuer	x = y	x = y
+=	Ajouter et attribuer	x += y	x = x + y
-=	Soustraire et assigner	x -= y	x = x - y
*=	Multiplier et attribuer	x *= y	x = x * y
/=	Diviser et attribuer un quotient	x /= y	x = x / y
%=	Diviser et attribuer le module	x %= y	x = x % y

L'exemple suivant vous montrera ces opérateurs d'affectation en action :

var x;

x = 10;
alert(x); // Affiche: 10

x = 20;
x += 30;
alert(x); // Affiche: 50

x = 50;
x -= 20;
alert(x); // Affiche: 30

x = 5;
x *= 25;
alert(x); // Affiche: 125

x = 50;
x /= 10;
alert(x); // Affiche: 5

x = 100;
x %= 15;
alert(x); // Affiche: 10

Opérateurs de chaîne JavaScript

Il existe deux opérateurs qui peuvent également être utilisés pour les chaînes.

Opérateur	description	Exemple	Résultat
+	Concaténation	str1 + str2	Concaténation de str1 et str2
+=	Affectation de concaténation	str1 += str2	Ajoute le str2 au str1

L'exemple suivant vous montrera ces opérateurs de chaîne en action :

var str1 = "Hello";
var str2 = " World!";

alert(str1 + str2); // Affiche: Hello World!

str1 += str2;
alert(str1); // Affiche: Hello World!

Opérateurs d'incrémentation et de décrémentation JavaScript

Les opérateurs d'incrémentation/décrémentation sont utilisés pour incrémenter/décrémenter la valeur d'une variable.

Opérateur	Nom	Effet
++x	Pré-incrémentation	Incrémente x de un, puis renvoie x
x++	Post-incrémentation	Renvoie x, puis incrémente x de un
--x	Pré-décrémentation	Décrémente x de un, puis renvoie x
x--	Post-décrémentation	Renvoie x, puis décrémente x de un

L'exemple suivant vous montrera comment fonctionnent réellement les opérateurs d'incrémentation et de décrémentation :

var x;

x = 10;
alert(++x); // Affiche: 11
alert(x);   // Affiche: 11



x = 10;
alert(x++); // Affiche: 10
alert(x);   // Affiche: 11



x = 10;
alert(--x); // Affiche: 9
alert(x);   // Affiche: 9



x = 10;
alert(x--); // Affiche: 10
alert(x);   // Affiche: 9

Opérateurs logiques JavaScript

Les opérateurs logiques sont généralement utilisés pour combiner des instructions conditionnelles.

Opérateur	Nom	Exemple	Résultat
&&	Et	x && y	Vrai si x et y sont vrais
\|\|	Ou	x \|\| y	Vrai si x ou y est vrai
!	Pas (négation)	!x	Vrai si x n'est pas vrai

L'exemple suivant vous montrera comment ces opérateurs logiques fonctionnent réellement :

var year = 2018;
// les années bissextiles sont divisible par 400 ou par 4 mais pas par 100
if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
    alert(year + " est une année bissextile.");
} else{
    alert(year + " n'est pas une année bissextile.");
}

Vous découvrirez les instructions conditionnelles dans le chapitre if/else de JavaScript .

Opérateurs de comparaison JavaScript

Les opérateurs de comparaison permettent de comparer deux valeurs de manière booléenne.

Opérateur	Nom	Exemple	Résultat
==	Égal	x == y	Vrai si x est égal à y
===	Identique	x === y	Vrai si x est égal à y et qu'ils sont du même type
!=	Inégal	x != y	Vrai si x n'est pas égal à y
!==	Pas identique	x !== y	Vrai si x n'est pas égal à y, ou s'ils ne sont pas du même type
<	Inférieur à	x < y	Vrai si x est inférieur à y
>	Supérieur à	x > y	Vrai si x est supérieur à y
>=	Supérieur ou égal àx	x >= y	Vrai si x est supérieur ou égal à y
<=	Inférieur ou égal à	x <= y	Vrai si x est inférieur ou égal à y

L'exemple suivant vous montrera ces opérateurs de comparaison en action :

var x = 25;
var y = 35;
var z = "25";

alert(x == z);  // Affiche: true
alert(x === z); // Affiche: false
alert(x != y);  // Affiche: true
alert(x !== z); // Affiche: true
alert(x < y);   // Affiche: true
alert(x > y);   // Affiche: false
alert(x <= y);  // Affiche: true
alert(x >= y);  // Affiche: false

Connaître les types de données en Javascript Gestion des événements en Javascript

Suivez nous

Table de matières

Javascript les bases

Table de matière