7 types d'opérateurs JavaScript que vous devez connaître

Un opérateur est un symbole qui indique à l'interpréteur d'effectuer une opération mathématique, relationnelle ou logique spécifique. Les opérateurs prennent un ou plusieurs opérandes et sont capables de manipuler des valeurs cibles ou des opérandes.

Dans cet article, vous découvrirez les différents opérateurs en JavaScript et comment les utiliser avec des exemples.

Types d'opérateurs JavaScript

Voici les différents opérateurs pris en charge par JavaScript :

1. Opérateurs arithmétiques
2. Opérateurs d'affectation
3. Opérateurs de chaîne
4. Opérateurs de comparaison
5. Opérateurs logiques
6. Opérateurs au niveau du bit
7. Opérateurs spéciaux

1. Opérateurs arithmétiques

Vous pouvez utiliser des opérateurs arithmétiques pour effectuer des calculs mathématiques sur les opérandes. JavaScript fournit les opérateurs arithmétiques suivants :

Opérateur d'addition (+)

Vous pouvez utiliser l'opérateur d'addition (+) pour effectuer l'addition sur les opérandes.

soit a = 12 ;
soit b = 10 ;
soit résultat = a+b;
console.log (résultat)
console.log (1+2);
console.log (a+6) ;

Sortir:

22
3
18

Opérateur de soustraction (-)

Utilisez l'opérateur de soustraction (-) pour soustraire l'opérande droit de l'opérande gauche.

soit a = 10 ;
soit b = 4 ;
laisser résultat = a-b;
console.log (résultat) ;
console.log (23-20);

Sortir:

6
3

Opérateur de multiplication (*)

Utilisez l'opérateur de multiplication (*) pour multiplier les opérandes.

soit a = 10 ;
soit b = 4 ;
soit résultat = a*b;
console.log (résultat) ;
console.log (23*20);

Sortir:

40
460

Opérateur de division (/)

Vous pouvez utiliser l'opérateur de division (/) pour effectuer une division sur les opérandes.

soit a = 10 ;
soit b = 4 ;
soit résultat = a/b;
console.log (résultat) ;
console.log (40/20);

Sortir:

2.5
2

Opérateur de module (%)

L'opérateur module (%) renvoie le reste entier en plongeant deux opérandes.

soit a = 10 ;
soit b = 4 ;
laisser résultat = a%b;
console.log (résultat) ;
console.log (40%20);

Sortir:

2
0

Opérateur d'exponentation (**)

L'opérateur d'exponentiation (**) calcule la base à la puissance de l'exposant (base^exposant).

soit a = 3 ;
console.log (a**4) ;

Sortir:

81

Opérateur d'incrémentation (++)

L'opérateur d'incrémentation (++) augmente la valeur entière de un.

soit a = 3 ;
// Valeur de a=4 et renvoie 4
console.log(++a);
// Valeur de a=5 et renvoie 4
console.log (a++);
// Valeur de a=5 et renvoie 5
console.log (a);

Sortir:

4
4
5

Opérateur de décrémentation (--)

L'opérateur de décrémentation (--) diminue la valeur entière de un.

soit a = 3 ;
// Valeur de a=2 et renvoie 2
console.log(--a);
// Valeur de a=1 et renvoie 2
console.log (a--);
// Valeur de a=1 et renvoie 1
console.log (a);

Sortir:

2
2
1

Opérateur Unaire Plus(+)

L'opérateur unaire plus (+) essaie de convertir l'opérande en nombre s'il n'en est pas déjà un.

console.log (typeof("10"));
console.log (typeof(+"10"));
console.log (typeof (faux));
console.log (typeof(+false));

Sortir:

chaîne de caractères
numéro
booléen
numéro

Opérateur de négation unaire (-)

L'opérateur de négation unaire (-) renvoie la négation de son opérande.

soit a = 10 ;
console.log(-a);

Sortir:

-10

2. Opérateurs d'affectation

Utilisez des opérateurs d'affectation pour affecter des valeurs aux variables. JavaScript fournit les opérateurs d'affectation suivants :

Opérateur d'affectation (=)

Vous pouvez utiliser l'opérateur d'affectation (=) pour affecter la valeur de l'opérande droit à l'opérande gauche.

// Affectation de 10 à un
soit a = 10 ;
console.log (a);

Sortir:

10

Opérateur d'affectation d'ajout (+=)

L'opérateur d'affectation d'addition (+=) est utilisé pour ajouter les valeurs d'opérande gauche et droite et affecter le résultat à l'opérande gauche.

soit a = 10 ;
soit b = 5 ;
// Équivalent à a = a+b
a += b;
console.log (a);

Sortir:

15

Opérateur d'affectation de soustraction (-=)

L'opérateur d'affectation de soustraction (-=) soustraira l'opérande droit de l'opérande gauche et affectera le résultat à l'opérande gauche.

soit a = 10 ;
soit b = 5 ;
// Équivalent à a = a-b
a -= b ;
console.log (a);

Sortir:

5

Opérateur d'affectation de multiplication (*=)

Utilisez l'opérateur d'affectation de multiplication (*=) pour multiplier les valeurs des opérandes gauche et droite et affecter le résultat à l'opérande gauche.

soit a = 10 ;
soit b = 5 ;
// Équivalent à a = a*b
a *= b;
console.log (a);

Sortir:

50

Opérateur d'affectation de division (/=)

Vous pouvez utiliser l'opérateur d'affectation de division (/=) pour diviser la valeur de l'opérande gauche par la valeur de l'opérande droit et affecter le résultat à l'opérande gauche.

soit a = 10 ;
soit b = 5 ;
// Équivalent à a = a/b
a /= b;
console.log (a);

Sortir:

2

Opérateur d'affectation du reste (%=)

L'opérateur d'affectation de reste (%=) divise l'opérande gauche par l'opérande droit et affecte le reste à l'opérande gauche.

soit a = 10 ;
soit b = 5 ;
// Équivalent à a = a%b
un %=b ;
console.log (a);

Sortir:

0

Opérateur d'affectation d'exponentiation (**=)

L'opérateur d'affectation d'exponentiation (**=) élève l'opérande gauche à la puissance de l'opérande droit et affecte le résultat à l'opérande gauche.

soit a = 10 ;
soit b = 5 ;
// Équivalent à a = a**b
a **= b;
console.log (a);

Sortir:

100000

Les opérateurs d'affectation au niveau du bit (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) fonctionnent de la même manière. Vous découvrirez les opérateurs au niveau du bit dans les sections à venir.

En rapport: Une introduction aux types de données en JavaScript

3. Opérateurs de chaîne

L'opérateur de concaténation (+) est utilisé pour concaténer (ajouter) des chaînes.

let result = "Faire" + "Utiliser" + "De" ;
console.log (résultat) ;

Sortir:

Se servir de

4. Opérateurs de comparaison

Les opérateurs de comparaison sont utilisés pour comparer les opérandes et renvoient une valeur logique (vrai ou faux) sur la base de la comparaison. JavaScript fournit les opérateurs de comparaison suivants :

Opérateur égal (==)

L'opérateur égal (==) Retour vrai si les opérandes sont égaux. Il ne compare que les valeurs des opérandes, ignorant leur type lors de la comparaison.

console.log (2==4) ;
console.log("2"==2) ;

Sortir:

faux
vrai

Opérateur différent (!=)

Opérateur différent (!=) Retour vrai si les opérandes ne sont pas égaux. Il ignore également le type d'opérandes lors de la comparaison.

console.log (2!=4) ;
console.log (2!="2");

Sortir:

vrai
faux

Opérateur égal strict ()

L'opérateur égal strict () Retour vrai si les opérandes sont égaux. Il compare les deux: les valeurs et les types d'opérandes lors de la comparaison.

console.log (24) ;
console.log("2"2) ;

Sortir:

faux
faux

Opérateur non égal strict (!==)

L'opérateur strict non égal (!==) Retour vrai si les opérandes ne sont pas égaux. Il compare également les deux - les valeurs et le type d'opérandes lors de la comparaison.

console.log (2 !== 4);
console.log (2 !== "2");

Sortir:

vrai
vrai

Opérateur supérieur à (>)

L'opérateur supérieur à (>) renvoie true si l'opérande gauche est supérieur à l'opérande droit.

console.log (10>4) ;
console.log (5>5) ;

Sortir:

vrai
faux

Opérateur supérieur ou égal (>=)

L'opérateur supérieur ou égal (>=) renvoie true si l'opérande gauche est supérieur ou égal à l'opérande droit.

console.log (10 >= 4);
console.log (5 >= 5);

Sortir:

vrai
vrai

Opérateur inférieur à (

L'opérateur inférieur à (<) renvoie true si l'opérande gauche est inférieur à l'opérande droit.

console.log (10<4) ;
console.log (5<5) ;

Sortir:

faux
faux

Opérateur inférieur ou égal (<=)

L'opérateur inférieur ou égal (<=) renvoie true si l'opérande gauche est inférieur ou égal à l'opérande droit.

console.log (10 <= 4);
console.log (5 <= 5);

Sortir:

faux
vrai

En rapport: Comment créer une calculatrice simple à l'aide de HTML, CSS et JavaScript

5. Opérateurs logiques

Selon le fonctionnaire Documents MDN, JavaScript fournit les opérateurs logiques suivants :

ET logique (&&)

Usage: expr1 && expr2

Renvoie expr1 s'il peut être converti en faux; sinon, renvoie expr2. Lorsqu'il est utilisé avec des valeurs booléennes, && Retour vrai si les deux opérandes sont vrais; sinon ça revient faux.

console.log (true && false);

Sortir:

faux

OU logique (||)

Usage: expr1 || expr2

Renvoie expr1 s'il peut être converti en vrai; sinon, renvoie expr2. Lorsqu'il est utilisé avec des valeurs booléennes, || Retour vrai si l'un des opérandes est vrai; si les deux sont faux, renvoie faux.

console.log (true || false);

Sortir:

vrai

NON logique (!)

Usage: !expr

Retour faux si son opérande unique peut être converti en vrai; sinon, retourne vrai.

console.log(!true);

Sortir:

faux

6. Opérateurs au niveau du bit

JavaScript fournit les opérateurs au niveau du bit suivants :

Opérateur ET au niveau du bit (&)

Cet opérateur effectue un booléen ET opération sur chaque bit de ses arguments entiers.

// En binaire-
// 4: 100
// 1: 001
console.log (4 & 1);

Sortir:

0

Opérateur OR au niveau du bit (|)

Cet opérateur effectue un booléen OU opération sur chaque bit de ses arguments entiers.

console.log (4 | 1);

Sortir:

5

Opérateur XOR au niveau du bit (^)

Cet opérateur effectue une exclusivité booléenne OU opération sur chaque bit de ses arguments entiers.

console.log (4 ^ 1);

Sortir:

5

Opérateur NOT au niveau du bit (~)

Cet opérateur inverse tous les bits de l'opérande.

console.log(~4) ;

Sortir:

-5

Noter: JavaScript convertit les nombres en entiers signés 32 bits avant d'effectuer une opération au niveau du bit. Et lorsque l'opération est effectuée, il reconvertit le résultat en nombres JavaScript 64 bits.

Opérateur de décalage à gauche (<

Cet opérateur décale tous les bits de son premier opérande vers la gauche du nombre de places spécifié dans le deuxième opérande.

console.log (4<<1) ;

Sortir:

8

Opérateur de déplacement vers la droite (>>)

Cet opérateur décale tous les bits de son premier opérande vers la droite du nombre de places spécifié dans le deuxième opérande.

console.log (4>>1) ;

Sortir:

2

7. Opérateurs spéciaux

Opérateur Ternaire

L'opérateur ternaire est le raccourci de instruction if-else. Il attribue une valeur à une variable en fonction d'une condition, la syntaxe de celle-ci est :

état? valeur1: valeur2

Si la condition est vraie, l'opérateur renvoie la valeur de valeur1. Sinon, il renvoie la valeur de valeur2.

laisser résultat = (200>100)? "Oui Non";
console.log (résultat) ;

Sortir:

Oui

Typed'opérateur

Les Type de L'opérateur est utilisé pour trouver le type de données d'une valeur ou d'une variable.

console.log (typeof (100));
console.log (typeof("100"));

Sortir:

numéro
chaîne de caractères

Utilisez JavaScript One-Liners pour coder comme un pro

Vous pouvez effectuer un large éventail d'opérations en utilisant une seule ligne de code en JavaScript. Que vous ayez besoin de mélanger un tableau, de détecter le mode sombre dans un navigateur, de générer un UUID aléatoire ou de trouver la moyenne d'un tableau, vous pouvez y parvenir avec juste une ligne de code.

11 One-Liners JavaScript que vous devriez connaître

Réalisez beaucoup avec juste un peu de code en utilisant cette large gamme de one-liners JavaScript.

Lire la suite

A propos de l'auteur