English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Les opérateurs exécutent des opérations mathématiques et logiques sur les opérandes données.
JavaScript possède les types d'opérateurs suivants :
opérateur arithmétique
opérateur d'affectation
opérateur de comparaison
opérateur binaire
opérateur logique
opérateur de chaîne
opérateur de calcul (ternaire)
Opérateurs unaires
Opérateurs de relation
Les opérateurs arithmétiques sont utilisés pour effectuer des opérations arithmétiques sur des nombres.
Les opérateurs arithmétiques traitent les nombres comme leurs opérandes et retournent un seul nombre.
Opérateur | Description | Exemple | Définir | Essayons |
---|---|---|---|---|
+ | Addition | a + b | Somme de a et b | Essayons |
- | Soustraction | a-b | Différence entre a et b | Essayons |
* | Multiplication | a * b | Produit de a et b | Essayons |
** | Puissance | a ** b | a à la puissance b | Essayons |
/ | Division | a / b | a divisé par b | Essayons |
% | Modulo (reste) | a%b | a / Le reste de b | Essayons |
++ | Incrémentation | a ++ | a incrémente1 | Essayons |
-- | Décrémentation | a-- | a décrémente1 | Essayons |
L'opérateur d'affectation assigne une valeur à une variable JavaScript.
L'opérateur d'affectation simple égal (=) assigne la valeur de son opérande droit à son opérande gauche.
Opérateur | Description | Exemple | Égal | Essayons |
---|---|---|---|---|
= | Affectation | a = b | a = b | Essayons |
+= | Conversion en addition puis affectation | a + = b | a = a + b | Essayons |
-= | Conversion en soustraction puis affectation | a-= b | a = a-b | Essayons |
*= | Conversion en multiplication puis affectation | a * = b | a = a * b | Essayons |
**= | Conversion en puissance puis affectation | a ** = b | a = a ** b | Essayons |
/= | Conversion en division puis affectation | a / = b | a = a / b | Essayons |
%= | Conversion en modulo puis affectation | a%= b | a = a%b | Essayons |
Les opérateurs de comparaison sont utilisés pour comparer deux valeurs et retourner une valeur booléenne.
Opérateur | Description | Exemple | Définir | Essayons |
---|---|---|---|---|
== | Égal | a == b | true si a est égal à b | Essayons |
=== | Même | a === b | true si a est égal à b et appartient au même type | Essayons |
!= | Inégalité | a!= b | true si a n'est pas égal à b | Essayons |
!== | Inégalité inclut le type | a!== b | true si a n'est pas égal à b et n'est pas du même type de données | Essayons |
> | Supérieur | a> b | true si a est supérieur à b | Essayons |
< | Inférieur | a <b | true si a est inférieur à b | Essayons |
>= | Supérieur ou égal | a> = b | true si a est supérieur ou égal à b | Essayons |
<= | Inférieur ou égal | a <= b | true si a est inférieur ou égal à b | Essayons |
La différence entre (a == b) et (a === b) est :
== Si a est égal à b, retourne true
=== Si a est égal à b et ils appartiennent àMême typealors retourne true
Les opérateurs de comparaison peuvent être utilisés dans les instructions conditionnelles pour comparer des valeurs et entrer dans différents flux en fonction du résultat.
Plus tard dans ce tutoriel, vous apprendrez à utiliser les instructions conditionnelles.
Les opérateurs d'arithmétique bitwise traitent leurs opérandes comme un ensemble de32bits (zéro et un), et non en nombres décimaux, hexadécimaux ou octonaux.
Tous les opérandes numériques dans cette opération seront convertis en32Le résultat de la conversion en nombre JavaScript. Le résultat est converti en nombre JavaScript.
Opérateur | Description | Exemple | Égal | Résultat | Décimal |
---|---|---|---|---|---|
& | Et | 5&1 | 0101Et0001 | 0001 | 1Unité |
| | Ou | 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | Non | ~5 | ~0101 | 1010 | 10 |
^ | XOR | 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | Déplacement à gauche | 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | Déplacement à droite avec signe | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
>> | Déplacement à droite sans signe | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Les exemples ci-dessus utilisent4Exemple de nombre sans signe en bits. Mais JavaScript utilise32Nombre signé en bits.
par conséquent, en JavaScript, ~5ne retournera pas10. Il renverra-6.
~00000000000000000000000000000101retournera11111111111111111111111111111010
Les opérateurs logiques sont utilisés pour déterminer la logique entre les variables ou les valeurs.
Les opérateurs logiques sont généralement utilisés pour combiner des instructions conditionnelles, ils renvoient des valeurs booléennes.
Opérateur | Description | Exemple | Définir | Essayons |
---|---|---|---|---|
&& | Et logique | a && b | si a et b sont tous deux vrais, alors c'est vrai | Essayons |
|| | Ou logique | a|| b | si a ou b est vrai, alors c'est vrai | Essayons |
! | Non logique | !a | si a n'est pas vrai, alors c'est vrai | Essayons |
Le+Les opérateurs peuvent également être utilisés pour concaténer (joindre) des chaînes.
var str1 = "Hello"; var str2 = "World"; var str3 = str1 + "" + str2;Testez et voyez‹/›
Opérateur d'affectation d'addition+= peut également être utilisé pour concaténer (joindre) des chaînes.
var str1 = "Hey! "; str1 += "How r u doing?";Testez et voyez‹/›
Lorsqu'il est utilisé sur une chaîne, le+Les opérateurs sont appelés opérateurs de concaténation.
L'opérateur conditionnel est le seul opérateur à trois opérateurs dans JavaScript.
L'expression peut obtenir l'une des deux valeurs en fonction de la condition. La syntaxe est :
condition ? val1 : val2
sicondition le résultat de la calcul esttruealors il renvoieval1sinon, il renvoieval2.
Vous pouvez utiliser l'opérateur conditionnel à tout endroit où vous pouvez utiliser des opérateurs standards.
var status = (age >= 18) ? "adulte" : "enfant";Testez et voyez‹/›
Si l'âge est18Si l'âge est de 18 ans ou plus, la phrase ci-dessus attribue la valeur "adulte" à la variable status. Sinon, il attribue la valeur "enfant" à status.
L'opération unaire est une opération qui a un seul opérateur.
JavaScript contient trois opérateurs unaires :
Description | Description |
---|---|
delete | Supprime un objet, une propriété de l'objet ou un élément à l'index spécifié dans un tableau |
typeof | Renvoie le type de la variable |
void | Spécifie une expression qui nécessite une valeur sans la renvoyer |
L'opérateur delete peut supprimer un objet, une propriété de l'objet ou un élément à l'index spécifié dans un tableau.
Si l'opération peut être exécutée, l'opérateur delete renvoie true ; sinon, il renvoie false. Si l'opération ne peut pas être exécutée, il renvoie false.
Si l'opérateur delete réussit, il met l'attribut ou l'élément en undefined :
var user = {firstName:"Vishal", age:"22, color:"blue"}; delete user.firstName; // retourne trueTestez et voyez‹/›
Lorsque l'opérateur delete supprime un élément d'un tableau, cet élément est supprimé du tableau.
var fruits = ["Apple", "Mango", "Banana"]; delete fruits[0]; // delete "Apple"Testez et voyez‹/›
Attention :Lorsque vous supprimez un élément d'un tableau, la longueur du tableau n'est pas affectée.
L'opérateur typeof renvoie le type d'une variable ou d'une expression.
typeof "" // Renvoie "string" typeof "Vishal"// Renvoie "string" typeof "42"// Renvoie "string" (le nombre entre guillemets est une chaîne) typeof 42 // Renvoie "number" typeof true// Renvoie "boolean" typeof false // Renvoie "boolean" typeof undefined // Renvoie "undefined" typeof null// Renvoie "object" typeof {name:"Vishal", age:22} // Renvoie "object" typeof [2, 4, 6, 8]// Renvoie "object" (pas "array", voir note ci-dessous) typeof function myFunc(){} // Renvoie "function"Testez et voyez‹/›
Attention :L'opérateur typeof renvoie "object" pour les tableaux, car les tableaux sont des objets en JavaScript.
Voici la liste des valeurs renvoyées par l'opérateur typeof :
Type | La chaîne renvoyée par typeof |
---|---|
Number | "number" |
String | "string" |
Boolean | "boolean" |
Object | "object" |
Function | "function" |
Undefined | "undefined" |
Null | "object" |
L'opérateur void spécifie une expression qui doit être évaluée, mais ne renvoie pas de valeur.
Le code suivant crée un lien hypertexte qui ne fait aucune action lorsque l'utilisateur clique dessus.
<a href="javascript:void(0)">Cliquez ici pour ne rien faire</a>Testez et voyez‹/›
Les opérateurs de relation comparent leurs opérandes et renvoient une valeur booléenne en fonction de la comparaison.
JavaScript possède deux opérateurs de relation :
Description | Description |
---|---|
in | Si l'attribut spécifié se trouve dans l'objet spécifié, il renvoie true |
instanceof | retourne true si l'objet est une instance d'un type d'objet |
Si l'attribut spécifié est dans l'objet spécifié, l'opérateur in retourne true.
var user = {firstName:"Vishal", age:"22, color:"blue"}; "firstName" in user; // retourne true "age" in user;// retourne true "Food" in user; // retourne falseTestez et voyez‹/›
Lorsque vous utilisez l'opérateur in avec un tableau Array, vous devez spécifier l'index, pas la valeur à cet index.
var fruits = ["Apple", "Mango", "Banana"]; var item1 = 0 in fruits; // retourne true var item2 = 1 dans fruits; // retourne true var item3 = 2 dans fruits; // retourne true var item4 = 3 dans fruits; // retourne falseTestez et voyez‹/›
Si l'objet spécifié appartient au type d'objet spécifié, l'opérateur instanceof retourne true.
Utilisez l'opérateur instanceof pour déterminer le type d'un objet au moment de l'exécution.
var myObj = new Date(); si (myObj instanceof Date) { // instructions à exécuter }Testez et voyez‹/›