Sommaire

Temps de lecture approximative : 8 minutes

Les opérateurs

Dans ce nouveau chapitre, nous allons découvrir une autre notion clé en JavaScript : les opérateurs. Il existe plusieurs types d'opérateurs qui permettent de réaliser bon nombre d'opérations et d'instructions. Depuis le début, nous utilisons un opérateur sans le savoir. Sans plus attendre, découvrons comment les reconnaître, les utiliser et les manipuler.

Un opérateur, c'est quoi ?

Un opérateur en JS est un symbole qui est utilisé pour des opérations, actions ou instructions sur des variables. Comme expliqué précédemment, nous utilisons depuis le départ de ce cours sur le JavaScript, l'opérateur = (égal). Il nous permet d'assigner une valeur à une variable. Donc, depuis le début du cours, sans vraiment s'en rendre compte, nous utilisons un opérateur. L'opérateur = fait partie de la famille des opérateurs d’affectation ou d’assignation.

Les types d'opérateurs

Il existe différents types d’opérateurs. Ils permettent de réaliser des actions différentes. Ci-après la liste des types d'opérateurs que nous aborderons dans ce cours.

• Les opérateurs arithmétiques ;
• Les opérateurs d’affectation ou d’assignation ;
• Les opérateurs d’incrémentation et décrémentation ;
• Les opérateurs de comparaison ;
• Les opérateurs logiques ;
• L’opérateur de concaténation.

Ce chapitre se concentrera sur les 3 premiers types : les opérateurs arithmétiques, d’affectation/assignation et d’incrémentation/décrémentation. En effet, les autres types d'opérateurs nécessitent d'avancer dans le cours pour les aborder sereinement.

Les opérateurs arithmétiques

Les opérateurs arithmétiques s'utilisent uniquement avec les variables de type number. Ils permettent d'effectuer des opérations mathématiques entre des variables. Il est évident que pour le moment, à ce stade de vos connaissances, réaliser des opérations mathématiques en JS ne nous mène pas très loin. Pourtant, encore une fois, les opérations sont une composante essentielle en JavaScript, mais également dans tous les langages de développement.

Les différents opérateurs arithmétiques en JavaScript sont les suivants :

Opérateur	Description
+	Permet de réaliser des additions
-	Permet de réaliser des soustractions
*	Permet de réaliser des multiplications
/	Permet de réaliser des divisions

JS

let a = 5.1;
let b = 10;
let c = 55;

let v = 1 + 1 + 3 + b;
let w = a + b;
let x = b - a;
let y = b * a;
let z = c / b;

console.log(v);
console.log(w);
console.log(x);
console.log(y);
console.log(z);

Résultat dans la console

Notez bien que \n permet en JavaScript de faire un retour à la ligne. C'est l'équivalent du <br /> en HTML.

Les opérateurs d’affectation ou d’assignation

Comme expliqué en introduction de ce chapitre, nous avons déjà rencontré et utilisé un opérateur d'affectation depuis le début que nous travaillons sur le JS. Nous connaissons déjà bien l'opérateur = (égale). Cet opérateur comme tous les autres opérateurs d’affectation ou d’assignation permettent d'affecter une valeur à une variable.

Il n'existe pas que l'opérateur = (égale) pour assigner une valeur à une variable. Ci-après la liste des opérateurs que nous utiliserons dans ce cours.

Opérateur	Description
++	Incrémente de 1 la variable
--	Décrémente de 1 la variable
+=	Additionne puis affecte le résultat à la variable
-=	Soustrait puis affecte le résultat à la variable

Tout de suite plusieurs exemples pour mieux comprendre comment fonctionnent ces opérateurs.

JS

let a = 10;
let b = 10;
let c = 10;
let d = 100;

a++;
b--;
c += a;
d -= b;

console.log(a);
console.log(b);
console.log(c);
console.log(d);

Résultat dans la console

Autre précision, l'opérateur ++ est aussi appelé l'opérateur d'incrémentation et -- est aussi appelé l'opérateur de décrémentation.

L'opérateur de la concaténation

Le terme concaténation en JS désigne l'action de mettre bout à bout au moins deux chaînes de caractères. Tout au long du cours, nous avons vu comment afficher le contenu d'une variable via différentes méthodes. Cependant, il peut être pertinent de concaténer le contenu de deux variables avant d'afficher le rendu. Nous aborderons seulement l'opérateur de concaténation suivant : + (plus). Avec un exemple tout deviendra aussi limpide que de l'eau de roche.

JS

let intro = 'Bonjour ';
let prenom = 'Ted';
let nom = 'Bundy';
console.log(intro + prenom + ' ' + nom + ' !'); 

Résultat dans la console

Attention, petite subtilité. Il faut faire attention quand on utilise le signe + avec deux nombres. Dans ce cas, il sert à les additionner, sinon c'est l'opérateur de concaténation.