Manual de référence opérateurs JavaScript

Les opérateurs JavaScript sont utilisés pour affecter des valeurs, comparer des valeurs, effectuer des opérations arithmétiques, etc.

Veuillez également consulter :

tutoriel :Opérateurs JavaScript

tutoriel :Priorité des opérateurs JavaScript

opérateurs arithmétiques JavaScript

Les opérateurs arithmétiques sont utilisés pour effectuer des opérations arithmétiques entre des variables et/ou des valeurs.

donné y = 5，le tableau suivant explique les opérateurs arithmétiques :

Opérateur Description Exemple résultat dans y résultat dans x Essayez
+ 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
% reste de la division x = y % 2 y = 5 x = 1 Essayez
++ accumulation x = ++y y = 6 x = 6 Essayez
x = y++ y = 6 x = 5 Essayez
-- décrémentation x = --y y = 4 x = 4 Essayez
x = y-- y = 4 x = 5 Essayez

Pour en savoir plus sur les opérateurs d'arithmétique, veuillez lire notre tutoriel d'arithmétique JavaScript.

opérateurs d'affectation JavaScript

Les opérateurs d'affectation sont utilisés pour affecter des valeurs aux variables JavaScript.

donné x = 10 et y = 5，le tableau suivant explique les opérateurs d'affectation :

Opérateur Exemple Équivaut à 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 en savoir plus sur les opérateurs d'affectation, veuillez lire notre tutoriel d'affectation JavaScript.

opérateurs de chaîne de caractères JavaScript

l'opérateur + et l'opérateur += peuvent également être utilisés pour joindre (ajouter) des chaînes de caractères.

donné text1 = "Bonjour "、text2 = "Bonjour"，et text3 = ""，le tableau suivant explique cet opérateur :

Opérateur Exemple text1 text2 text3 Essayez
+ text3 = text1 + text2 "Bonjour " "Bonjour" "Bonjour à toi" Essayez
+= text1 += text2 "Bonjour à toi" "Bonjour" "" Essayez

opérateurs de comparaison

Utiliser les opérateurs de comparaison dans les expressions logiques pour déterminer l'égalité ou la différence entre des variables ou des valeurs.

donné x = 5，le tableau suivant explique les opérateurs de comparaison :

Opérateur Description comparer retourner Essayez
== égal x == 8 false Essayez
x == 5 true Essayez
=== valeurs et types égaux x === "5" false Essayez
x === 5 true Essayez
!= inégal x != 8 true Essayez
!== valeurs inégales ou types inégaux x !== "5" true Essayez
x !== 5 false Essayez
> supérieur x > 8 false Essayez
< inférieur x < 8 true Essayez
>= supérieur ou égal x >= 8 false Essayez
<= inférieur ou égal x <= 8 true Essayez

Pour en savoir plus sur les opérateurs de comparaison, lisez notre Tutoriel comparaison JavaScript.

Opérateur conditionnel (ternaire)

L'opérateur conditionnel assigne une valeur à une variable en fonction de la condition.

grammaire

variablename = (condition) ? value1:value2

Exemple

voteable = (age < 18) ? "Too young":"Old enough";

Essayez-le vous-même

Explication de l'exemple :

Si la valeur de la variable "age" est 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 des variables ou des valeurs.

donné x = 6 et y = 3Le tableau suivant explique les opérateurs logiques :

Opérateur Description Exemple Essayez
&& and (x < 10 && y > 1) est true Essayez
|| or (x === 5 || y === 5) est false Essayez
! not !(x === y) est true Essayez

Opérateurs de bit JavaScript

Les opérateurs de bit peuvent gérer des nombres de 32 bits. Toute opération numérique dans cette opération sera convertie en nombre de 32 bits. Le résultat sera converti en nombre JavaScript.

Opérateur Description Exemple Équivaut à Résultat Décimal
& 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 ^ 0100 4
<< Décalage à gauche x = 5 << 1 0101 << 1 1010 10
>> Décalage à droite x = 5 >> 1 0101 >> 1 0010 2

L'exemple ci-dessus utilise un exemple de 4 bits sans signe. Mais JavaScript utilise des nombres de 32 bits signés.

Par conséquent, en JavaScript, ~5 ne renvoie pas 10, mais -6.

~00000000000000000000000000000101 retourne 11111111111111111111111111111010

L'opérateur typeof

typeof L'opérateur typeof retourne le type de variable, objet, fonction ou expression :

Exemple

typeof "Bill"                 // Retourne string
typeof 3.14                   // Retourne number
typeof NaN                    // Retourne number
typeof false                  // Retourne boolean
typeof [1, 2, 3, 4]           // Retourne object
typeof {name:'Bill', age:19}  // Retourne object
typeof new Date()             // Retourne object
typeof function () {}         // Retourne function
typeof myCar                  // Retourne undefined (si myCar n'est pas déclaré)
typeof null                   // Retourne object

Essayez-le vous-même

Veuillez noter :

  • Le type de données de NaN est number
  • Le type de données d'un tableau est object
  • Le type de données d'une date est object
  • Le type de données de null est object
  • Le type de données d'une variable non définie est undefined

Vous ne pouvez pas utiliser typeof pour définir si un objet JavaScript est un tableau (ou une date).

Vous ne pouvez pas utiliser typeof pour définir si un objet JavaScript est un tableau (ou une date).

L'opérateur delete

delete L'opérateur delete supprime une propriété de l'objet :

Exemple

var person = {firstName:"Bill", lastName:"Gates", age:19, eyeColor:"blue"};
delete person.age;   // Supprime person["age"];

Essayez-le vous-même

L'opérateur delete supprime à la fois la valeur de la propriété et la propriété elle-même.

Avant de le réajouter, vous ne pouvez pas utiliser cette propriété après sa suppression.

L'opérateur delete est destiné à être utilisé pour les propriétés d'objet. Il n'a pas d'effet sur les variables ou les fonctions.

注释：不应在预定义的 JavaScript 对象属性上使用 delete 运算符。这么做可能会使您的应用程序崩溃。

in 运算符

如果指定的属性在指定的对象中，则 in 运算符将返回 true，否则返回 false：

Exemple

// 数组
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // 返回 false（指定索引号而不是值）
0 in cars               // 返回 true
1 in cars               // 返回 true
4 in cars               // 返回 false（不存在）
"length" in cars        // 返回 true（length 是数组属性）
// 对象
var person = {firstName:"Bill", lastName:"Gates", age:19};
"firstName" in person   // 返回 true
"age" in person         // 返回 true
// 预定义对象
"PI" in Math            // 返回 true
"NaN" in Number         // 返回 true
"length" in String      // 返回 true

Essayez-le vous-même

instanceof 运算符

如果指定对象是指定对象的实例，则 instanceof 运算符返回 true：

Exemple

var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;          // 返回 true
cars instanceof Object;         // 返回 true
cars instanceof String;         // 返回 false
cars instanceof Number;         // 返回 false

Essayez-le vous-même

void 运算符

void 运算符计算一个表达式并返回 undefined。此运算符通常用于使用 "void(0)" 来获取未定义的原始值（在计算表达式而不使用返回值时非常有用）。

Exemple

<a href="javascript:void(0);">
  Lien inutile
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
  Cliquez sur moi pour changer la couleur de fond du body en rouge
</a>

Essayez-le vous-même