JavaScript opérateurs sont utilisés pour attribuer des valeurs, comparer les valeurs, effectuer des opérations arithmétiques et plus.
JavaScript Opérateurs arithmétiques
Les opérateurs arithmétiques sont utilisés pour effectuer des opérations arithmétiques entre les variables et / ou des valeurs.
Étant donné que y = 5 , le tableau ci - dessous explique les opérateurs arithmétiques:
| Opérateur | La description | Exemple | Résultat en y | Résultat dans x | Essayez |
|---|---|---|---|---|---|
| + | Une addition | x = y + 2 | y = 5 | x = 7 | Essayez » |
| - | Soustraction | x = y - 2 | y = 5 | x = 3 | Essayez » |
| * | Multiplication | x = y * 2 | y = 5 | x = 10 | Essayez » |
| / | Division | x = y / 2 | y = 5 | x = 2,5 | Essayez » |
| % | Modulus (division remainder) le (division remainder) la (division remainder) | x = y 2% | y = 5 | x = 1 | Essayez » |
| ++ | Incrément | x = y ++ | y = 6 | x = 6 | Essayez » |
| x = y ++ | y = 6 | x = 5 | Essayez » | ||
| - | décroissance | x = -Y | y = 4 | x = 4 | Essayez » |
| x = Y- | y = 4 | x = 5 | Essayez » |
Pour un tutoriel sur les opérateurs arithmétiques, lisez notre JavaScript Arithmétique Tutorial .
JavaScript Opérateurs d'affectation
Les opérateurs d'affectation sont utilisés pour attribuer des valeurs aux variables JavaScript.
Étant donné que x = 10 et y = 5 , le tableau ci - dessous explique les opérateurs d'affectation:
| Opérateur | Exemple | Pareil que | Résultat dans x | Essayez |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | Essayez » |
| + = | x + y = | x = x + y | x = 15 | Essayez » |
| - = | x - = y | x = x - y | x = 5 | Essayez » |
| * = | x = y * | x = x * y | x = 50 | Essayez » |
| / = | x / y = | x = x / y | x = 2 | Essayez » |
| % = | x = y% | x = x% y | x = 0 | Essayez » |
Pour un tutoriel sur les opérateurs d'affectation, consultez notre JavaScript Affectation Tutorial .
JavaScript Opérateurs de chaîne
L'opérateur +, et l'opérateur + = peut également être utilisé pour concaténer (add) des chaînes.
Étant donné que text1 = "Good " , text2 = "Morning" , et text3 = "" , le tableau ci - dessous explique les opérateurs:
| Opérateur | Exemple | text1 | texte2 | text3 | Essayez |
|---|---|---|---|---|---|
| + | text3 = Text1 + texte2 | "Bien " | "Matin" | "Bonjour" | Essayez » |
| + = | Text1 + = texte2 | "Bonjour" | "Matin" | « » | Essayez » |
opérateurs de comparaison
Les opérateurs de comparaison sont utilisés dans les états logiques pour déterminer l'égalité ou la différence entre les variables ou valeurs.
Étant donné que x = 5 , le tableau ci - dessous explique les opérateurs de comparaison:
| Opérateur | La description | Comparant | Résultats | Essayez |
|---|---|---|---|---|
| == | égal à | x == 8 | faux | Essayez » |
| x == 5 | vrai | Essayez » | ||
| === | la même valeur et le type égal | x === "5" | faux | Essayez » |
| x === 5 | vrai | Essayez » | ||
| ! = | inégal | x! = 8 | vrai | Essayez » |
| ! == | pas égale à la valeur ou le type pas égal | x! == "5" | vrai | Essayez » |
| x! == 5 | faux | Essayez » | ||
| > | plus grand que | x> 8 | faux | Essayez » |
| < | moins que | x <8 | vrai | Essayez » |
| > = | Plus grand ou égal à | x> = 8 | faux | Essayez » |
| <= | inférieur ou égal à | x <= 8 | vrai | Essayez » |
Pour un tutoriel sur les opérateurs de comparaison, lisez nos comparaisons JavaScript Tutoriel .
Sous condition (Ternary) Opérateur
L'opérateur conditionnel attribue une valeur à une variable en fonction d'une condition.
| Syntaxe | Exemple | Essayez |
|---|---|---|
| variablename = ( condition ) ? value1: value2 | voteable = (age < 18) ? "Too young" : « Assez vieux »; | Essayez » |
Exemple expliqué: Si la variable "age" est une valeur inférieure à 18, la valeur de la variable "voteable" sera "Too young" , sinon la valeur de voteable sera "Old enough" .
opérateurs logiques
Les opérateurs logiques sont utilisés pour déterminer la logique entre les variables ou valeurs.
Étant donné que x = 6 and y = 3 , le tableau ci - dessous explique les opérateurs logiques:
| Opérateur | La description | Exemple | Essayez |
|---|---|---|---|
| && | et | (x < 10 && y > 1) est vrai | Essayez » |
| || | ou | (X === 5 || y === 5) est faux | Essayez » |
| ! | ne pas | !(x === y) est vrai | Essayez » |
JavaScript Opérateurs binaires
opérateurs de bits fonctionnent sur 32 numéros bits. Tout opérande numérique dans l'opération est convertie en un nombre de 32 bits. Le résultat est reconverti en un numéro JavaScript.
| Opérateur | La description | Exemple | Pareil que | Résultat | Décimal |
|---|---|---|---|---|---|
| & | ET | x = 5 et 1 | 0101 & 0001 | 0001 | 1 |
| | | OU | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NE PAS | x = ~ 5 | ~ 0101 | 1010 | dix |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Décalage à gauche | x = 5 << 1 | 0101 << 1 | 1010 | dix |
| >> | décalage vers la droite | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Les exemples ci-dessus utilise 4 bits exemples non signés. Mais JavaScript utilise des nombres signés 32 bits.
À cause de cela, en JavaScript, ~ 5 ne reviendra pas 10. Il reviendra -6.
~ 00000000000000000000000000000101 retournera 11111111111111111111111111111010
L'opérateur typeof
L'opérateur typeof renvoie le type d'une variable, objet, la fonction ou l' 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
Essayez vous - même » S'il vous plaît observer:
- Le type de données de NaN est le numéro
- Le type d'un réseau de données est un objet
- Le type de données d'une date est l'objet
- Le type de données est un objet de null
- Le type de données une variable non définie est indéfini
Vous ne pouvez pas utiliser typeof pour définir si un objet JavaScript est un tableau (or a date) .
L'opérateur delete
L'opérateur delete supprime une propriété d'un objet:
Exemple
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age; // or delete person["age"];
Essayez vous - même » L'opérateur delete 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é avant qu'il ne soit ajouté à nouveau.
L'opérateur delete est conçu pour être utilisé sur les propriétés de l'objet. Il n'a pas d'effet sur les variables ou fonctions.
Remarque: L'opérateur de suppression ne doit pas être utilisé sur les propriétés des objets JavaScript prédéfinis. Il peut planter votre application.
L'opérateur dans
L'opérateur in renvoie true si la propriété spécifiée est dans l'objet spécifié, sinon false:
Exemple
// Arrays
var 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
var 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
Essayez vous - même » L'opérateur instanceof
L'opérateur instanceof renvoie vrai si l'objet spécifié est une instance de l'objet spécifié:
Exemple
var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;
// Returns true
cars instanceof Object; // Returns true
cars instanceof String;
// Returns false
cars instanceof Number; // Returns false
Essayez vous - même » L'opérateur void
L'opérateur void évalue une expression et renvoie undefined. Cet opérateur est souvent utilisé pour obtenir la valeur primitive définie, en utilisant « void(0) » (utile lors de l' évaluation d' une expression sans utiliser la valeur de retour).
Exemple
<a href="javascript:void(0);">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click
me to change the background color of body to red
</a>
Essayez vous - même »