Référence des opérateurs JavaScript
Les opérateurs JavaScript sont utilisés pour attribuer des valeurs, comparer des valeurs, effectuer des opérations arithmétiques, etc.
Opérateurs arithmétiques JavaScript
Les opérateurs arithmétiques sont utilisés pour effectuer une arithmétique entre des variables et/ou des valeurs.
Sachant que y = 5 , le tableau ci-dessous explique les opérateurs arithmétiques :
| Operator | Description | Example | Result in y | Result in x | Try it |
|---|---|---|---|---|---|
| + | Addition | x = y + 2 | y = 5 | x = 7 | |
| - | Subtraction | x = y - 2 | y = 5 | x = 3 | |
| * | Multiplication | x = y * 2 | y = 5 | x = 10 | |
| / | Division | x = y / 2 | y = 5 | x = 2.5 | |
| % | Modulus (division remainder) | x = y % 2 | y = 5 | x = 1 | |
| ++ | Increment | x = ++y | y = 6 | x = 6 | |
| x = y++ | y = 6 | x = 5 | |||
| -- | Decrement | x = --y | y = 4 | x = 4 | |
| x = y-- | y = 4 | x = 5 |
Pour un tutoriel sur les opérateurs arithmétiques, lisez notre JavaScript Arithmetic Tutorial .
Opérateurs d'affectation JavaScript
Les opérateurs d'affectation sont utilisés pour affecter des valeurs aux variables JavaScript.
Sachant que x = 10 et y = 5 , le tableau ci-dessous explique les opérateurs d'affectation :
| Operator | Example | Same As | Result in x | Try it |
|---|---|---|---|---|
| = | x = y | x = y | 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 |
Pour un didacticiel sur les opérateurs d'affectation, lisez notre didacticiel d'affectation JavaScript .
Opérateurs de chaîne JavaScript
L'opérateur + et l'opérateur += peuvent également être utilisés pour concaténer (ajouter) des chaînes.
Étant donné que text1 = "Good " , text2 = "Morning" et text3 = "" , le tableau ci-dessous explique les opérateurs :
| Operator | Example | text1 | text2 | text3 | Try it |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good Morning" | "Morning" | "" |
Opérateurs de comparaison
Les opérateurs de comparaison sont utilisés dans les instructions logiques pour déterminer l'égalité ou la différence entre des variables ou des valeurs.
Sachant que x = 5 , le tableau ci-dessous explique les opérateurs de comparaison :
| Operator | Description | Comparing | Returns | Try it |
|---|---|---|---|---|
| == | equal to | x == 8 | false | |
| x == 5 | true | |||
| === | equal value and equal type | x === "5" | false | |
| x === 5 | true | |||
| != | not equal | x != 8 | true | |
| !== | not equal value or not equal type | x !== "5" | true | |
| x !== 5 | false | |||
| > | greater than | x > 8 | false | |
| < | less than | x < 8 | true | |
| >= | greater than or equal to | x >= 8 | false | |
| <= | less than or equal to | x <= 8 | true |
Pour un didacticiel sur les opérateurs de comparaison, lisez notre didacticiel sur les comparaisons JavaScript .
Opérateur conditionnel (ternaire)
L'opérateur conditionnel attribue une valeur à une variable en fonction d'une condition.
| Syntax | Example | Try it |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Exemple expliqué : Si la variable "age" est une valeur inférieure à 18 ans, la valeur de la variable "voteable" sera "Too young", sinon la valeur de voteable sera "Seassez vieux".
Opérateurs logiques
Les opérateurs logiques sont utilisés pour déterminer la logique entre les variables ou les valeurs.
Sachant que x = 6 et y = 3 , le tableau ci-dessous explique les opérateurs logiques :
| Operator | Description | Example | Try it |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
Opérateurs bit à bit JavaScript
Les opérateurs de bits fonctionnent sur des nombres de 32 bits. Tout opérande numérique dans l'opération est converti en un nombre de 32 bits. Le résultat est reconverti en nombre JavaScript.
| Operator | Description | Example | Same as | Result | Decimal |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Les exemples ci-dessus utilisent des exemples 4 bits non signés. Mais JavaScript utilise des nombres signés 32 bits.
Pour cette raison, en JavaScript, ~ 5 ne renverra pas 10. Il renverra -6.
~000000000000000000000000000101 retournera 111111111111111111111111111010
Le type d'opérateur
L' opérateur typeof renvoie le type d'une variable, d'un objet, d'une fonction ou d'une expression :
Exemple
typeof "John"
// Returns string
typeof 3.14
// Returns number
typeof NaN
// Returns number
typeof false
// Returns boolean
typeof [1, 2, 3, 4] // Returns object
typeof {name:'John', age:34}
// Returns object
typeof new Date()
// Returns object
typeof function () {} // Returns function
typeof myCar
// Returns undefined (if myCar is not declared)
typeof null
// Returns object
Veuillez observer :
- Le type de données de NaN est le nombre
- Le type de données d'un tableau est un objet
- Le type de données d'une date est un objet
- Le type de données de null est un objet
- Le type de données d'une variable indéfinie est indéfini
Vous ne pouvez pas utiliser typeof pour définir si un objet JavaScript est un tableau (ou une date).
L'opérateur de suppression
L' opérateur delete supprime une propriété d'un objet :
Exemple
const person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
delete person.age; // or delete person["age"];
L'opérateur de suppression supprime à la fois la valeur de la propriété et la propriété elle-même.
Après la suppression, la propriété ne peut pas être utilisée avant d'être à nouveau ajoutée.
L'opérateur de suppression est conçu pour être utilisé sur les propriétés d'objet. Il n'a aucun effet sur les variables ou les fonctions.
Remarque : L'opérateur de suppression ne doit pas être utilisé sur les propriétés d'objet JavaScript prédéfinies. Cela peut planter votre application.
L'opérateur in
L' opérateur in renvoie true si la propriété spécifiée se trouve dans l'objet spécifié, sinon false :
Exemple
// Arrays
const cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars // Returns false (specify the index number instead of value)
0 in cars // Returns true
1 in cars // Returns true
4 in cars // Returns false (does not exist)
"length" in cars // Returns true (length is an Array property)
// Objects
const person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person // Returns true
"age" in person // Returns true
// Predefined objects
"PI" in Math // Returns true
"NaN" in Number // Returns true
"length" in String // Returns true
L'opérateur instanceof
L' opérateur instanceof renvoie true si l'objet spécifié est une instance de l'objet spécifié :
Exemple
const cars = ["Saab", "Volvo", "BMW"];
(cars instanceof Array) // Returns true
(cars instanceof Object) // Returns true
(cars instanceof String) // Returns false
(cars instanceof Number) // Returns false
L'opérateur du vide
L' opérateur void évalue une expression et renvoie undefined . Cet opérateur est souvent utilisé pour obtenir la valeur primitive indéfinie, en utilisant "void(0)" (utile lors de l'évaluation d'une expression sans utiliser la valeur de retour).
Exemple
<a href="#;">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click me to change the background color of body to red
</a>