English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

tutoriel de base JavaScript

objet JavaScript

fonction JavaScript

HTML DOM JS

BOM du navigateur JS

tutoriel de base AJAX

manuel de référence JavaScript

Opérateurs JavaScript

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

Opérateurs arithmétiques JavaScript

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érateurDescriptionExempleDéfinirEssayons
+Additiona + bSomme de a et bEssayons
-Soustractiona-bDifférence entre a et bEssayons
*Multiplicationa * bProduit de a et bEssayons
**Puissancea ** ba à la puissance bEssayons
/Divisiona / ba divisé par bEssayons
%Modulo (reste)a%ba / Le reste de bEssayons
++Incrémentationa ++a incrémente1Essayons
--Décrémentation
a--a décrémente1Essayons

Opérateurs d'affectation JavaScript

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érateurDescriptionExempleÉgalEssayons
=Affectationa = ba = bEssayons
+=Conversion en addition puis affectationa + = ba = a + bEssayons
-=Conversion en soustraction puis affectationa-= ba = a-bEssayons
*=Conversion en multiplication puis affectationa * = ba = a * bEssayons
**=Conversion en puissance puis affectationa ** = ba = a ** bEssayons
/=Conversion en division puis affectationa / = ba = a / bEssayons
%=Conversion en modulo puis affectationa%= ba = a%bEssayons

Opérateurs de comparaison JavaScript

Les opérateurs de comparaison sont utilisés pour comparer deux valeurs et retourner une valeur booléenne.

OpérateurDescriptionExempleDéfinirEssayons
==Égala == btrue si a est égal à bEssayons
===Mêmea === btrue si a est égal à b et appartient au même typeEssayons
!=Inégalitéa!= btrue si a n'est pas égal à bEssayons
!==Inégalité inclut le typea!== btrue si a n'est pas égal à b et n'est pas du même type de donnéesEssayons
>Supérieura> btrue si a est supérieur à bEssayons
<Inférieura <btrue si a est inférieur à bEssayons
>=Supérieur ou égala> = btrue si a est supérieur ou égal à bEssayons
<=Inférieur ou égala <= btrue si a est inférieur ou égal à bEssayons

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.

Opérateurs bitwise JavaScript

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érateurDescriptionExempleÉgalRésultatDécimal
&Et5&10101Et00010001 1Unité
|Ou5 | 10101 | 00010101 5
~Non
~5 ~01011010 10
^XOR5 ^ 10101 ^ 00010100 4
<<Déplacement à gauche5 << 10101 << 11010 10
>>Déplacement à droite avec signe5 >> 10101 >> 10010  2
>>Déplacement à droite sans signe5 >> 10101 >> 10010  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

Opérateurs logiques JavaScript

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érateurDescriptionExempleDéfinirEssayons
&&Et logiquea && bsi a et b sont tous deux vrais, alors c'est vraiEssayons
||Ou logiquea|| bsi a ou b est vrai, alors c'est vraiEssayons
!Non logique!asi a n'est pas vrai, alors c'est vraiEssayons

Opérateurs de chaîne JavaScript

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.

Opérateur conditionnel (ternaire) JavaScript

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.

Opérateurs unaires JavaScript

L'opération unaire est une opération qui a un seul opérateur.

JavaScript contient trois opérateurs unaires :

DescriptionDescription
deleteSupprime un objet, une propriété de l'objet ou un élément à l'index spécifié dans un tableau
typeofRenvoie le type de la variable
voidSpécifie une expression qui nécessite une valeur sans la renvoyer

L'opérateur delete

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 true
Testez 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.

Opérateur typeof

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"

Opérateur void

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‹/›

Opérateurs de relation JavaScript

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 :

DescriptionDescription
inSi l'attribut spécifié se trouve dans l'objet spécifié, il renvoie true
instanceofretourne true si l'objet est une instance d'un type d'objet

Opérateur in

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 false
Testez 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 false
Testez et voyez‹/›

Opérateur instanceof

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‹/›