Les opérateurs de Javascript

Qu'est-ce qu'un opérateur en JavaScript ?

Les opérateurs sont des symboles ou des mots-clés qui indiquent au moteur JavaScript d'effectuer certaines 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 des opérateurs qui indiquent au moteur JavaScript de comparer deux variables ou valeurs, et ainsi de suite.

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

Le langage JavaScript a différents types d'opérateurs.

L'opérateur d'affectation = est utilisé pour assigner des valeurs aux variables JavaScript.

L'opérateur arithmétique + est utilisé pour faire la somme des valeurs.

Var y=15 ;
Var z=12 ;
Var x=y+z ;

La valeur de x, après l'exécution des rapports ci-dessus est 27.

Opérateurs arithmétiques de Javascript

Les opérateurs arithmétiques sont utilisées pour effectuer des opérations arithmétiques entre les variables et / ou des valeurs.

Si on donne y = 5, le tableau ci-dessous explique les opérateurs arithmétiques: avec y = 5

Opérateur	Description	Exemple	Résultat
+	Addition	x=y+7	x=12
-	Soustraction	x=y-4	x=1
*	Multiplication	x=y*2	x=10
/	Division	x=y/2	x=2.5
%	Module (reste de division)	x=y%2	x=1
++	Incrément	x=++y	x=6
--	Décroissance	x=--y	x=4

L'exemple suivant montre comment on peut utiliser les operateurs mathémtiques

Code

Copier le code

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
<title>Opérateurs arithmétiques JavaScript</title>
</head>
<body>
    <script>
    var x = 10;
    var y = 4;
    document.write(x + y); // Affiche: 14
    document.write("<br>");
    
    document.write(x - y); // Affiche: 6
    document.write("<br>");
    
    document.write(x * y); // Affiche: 40
    document.write("<br>");
    
    document.write(x / y); // Affiche: 2.5
    document.write("<br>");
    
    document.write(x % y); // Affiche: 2
	document.write("<br>");
	
	document.write(x=++y); // Affiche: 5
	document.write("<br>");
	
	document.write(x=--y); // Affiche: 4
</body>
</html>

Les opérateurs d'affectation (ou d'assignation) des valeurs en JavaScript

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

Si on donne x=10 et y=5, la table ci-dessous explique touts les opérateurs d'assignation en javascript :

Opérateur	Exemple	Mêmes que	Résultat
=	x=y	Affecte la valeur de y à x	x=5
+=	x+=y	x=x+y	x=15
- =	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

Les opérateur utilisé sur des chaînes de caractère

L'opérateur + peut également être utilisé pour concaténer des variables de chaîne ou des valeurs de texte ensembles.
Pour ajouter deux ou plusieurs variables de chaaines de caractéres, utilisez l'opérateur +.

Exemple : Copier le code

Var txt1="J’apprends le";
Var txt2=" programme javascript";
Var txt3=txt1+txt2;

Après exécution la variable text3 prend la valeur : J’apprends le programme javascript

Pour ajouter un espace entre les deux chaînes, insérer un espace dans l'une des chaînes au début ou à la fin:

Exemple : Copier le code

Var txt1="J’apprends le";
  Var txt2=" programme javascript";
  Var txt3=txt1+txt2;
  Var txt1="J’apprends le ";
  Var txt2="programme javascript";
  Var txt3=txt1+txt2;

Après exécution la variable text3 prend la valeur : J’apprends le programme javascript

Ou insérez un espace dans l'expression:

Var txt1="J’apprends le";
Var txt2="programme javascript";
Var txt3=txt1+" "+txt2;

Après exécution la variable text3 prend la valeur : J’apprends le programme javascript

Concaténer des chaînes et des nombres

La règle est : Si on ajoutez un nombre et une chaîne, le résultat sera une chaîne !
Exemple

Exemple : Copier le code

	<script type="text/javascript">
    var x=5+5 ;
    document.write(x + "<br />") ;
    x= " 5 " + " 5 " ;
    document.write(x + "<br />") ;
    x=5+ " 5 " ;
    document.write(x + "<br />") ;
    x= " 5 " +5 ;
    document.write(x + "<br />") ; 
    </script>

Le résultat sera comme suit :
10
5 5
5 5
5 5

Deux opérateurs peuvent également être utilisés pour les chaînes de caractères.

Opérateur	Description	Exemple	Résultat
+	Concaténation	str1 + str2	Concaténation de str1 et str2
+=	Concaténation	str1 += str2	Ajoute la str2 à la str1 pour n'en formé plus qu'une seulle variable str1

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

Code : HTML

Copier le code

var str1 = " Bonjour " ;
var str2 = "le Monde !";
 
alert(str1 + str2) ; // Résultats : Bonjour le Monde !
 
str1 += str2 ;
alert(str1) ; // Résultats : Bonjour le Monde !

Le chapitre qui suivra va traiter les opérateurs d'incrémentation, de décrémentation et les opérateurs logique en JavaScript

Cours precedent:
La portee de variable javascript

Sommaire :
Le langage JavaScript

Cours suivant:
Les operateurs de comparaison et logiques javascript

Par carabde 30 mars 2014 - mis à jour le 28 Janvier 2022