Maison > interface Web > js tutoriel > Comprendre les opérateurs JavaScript : un guide complet avec des exemples

Comprendre les opérateurs JavaScript : un guide complet avec des exemples

Linda Hamilton
Libérer: 2024-12-18 00:15:10
original
130 Les gens l'ont consulté

Understanding JavaScript Operators: A Complete Guide with Examples

### Opérateurs en JavaScript

Les opérateurs en JavaScript sont des symboles spéciaux utilisés pour effectuer des opérations sur des valeurs et des variables. Ces opérations peuvent impliquer des actions arithmétiques, d’affectation, de comparaison, logiques et autres. Comprendre les opérateurs est essentiel pour effectuer des calculs de base, des comparaisons et contrôler le flux de votre code.

JavaScript prend en charge une grande variété d'opérateurs, et ils sont classés dans les types suivants :


### 1. **Opérateurs arithmétiques**
Les opérateurs arithmétiques sont utilisés pour effectuer des calculs mathématiques sur des nombres.

Operator Description Example
Addition 5 3 → 8
- Subtraction 5 - 3 → 2
* Multiplication 5 * 3 → 15
/ Division 5 / 3 → 1.666...
% Modulus (Remainder) 5 % 3 → 2
** Exponentiation 5 ** 2 → 25

Exemple:

let a = 10;
let b = 2;
console.log(a + b);  // Output: 12
console.log(a - b);  // Output: 8
console.log(a * b);  // Output: 20
console.log(a / b);  // Output: 5
console.log(a % b);  // Output: 0
console.log(a ** b); // Output: 100
Copier après la connexion
Copier après la connexion
Copier après la connexion

**

2. Opérateurs d'affectation**

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

Operator Description Example
= Assign value x = 5
= Add and assign x = 3 → x = x 3
-= Subtract and assign x -= 2 → x = x - 2
*= Multiply and assign x *= 4 → x = x * 4
/= Divide and assign x /= 2 → x = x / 2
%= Modulus and assign x %= 3 → x = x % 3
**= Exponentiation and assign x **= 2 → x = x ** 2

Exemple:

let a = 10;
let b = 2;
console.log(a + b);  // Output: 12
console.log(a - b);  // Output: 8
console.log(a * b);  // Output: 20
console.log(a / b);  // Output: 5
console.log(a % b);  // Output: 0
console.log(a ** b); // Output: 100
Copier après la connexion
Copier après la connexion
Copier après la connexion

### 3. **Opérateurs de comparaison**
Les opérateurs de comparaison sont utilisés pour comparer des valeurs et renvoyer un booléen (vrai ou faux) en fonction de la condition.

Operator Description Example
== Equal to (loose) 5 == '5' → true
=== Equal to (strict) 5 === '5' → false
!= Not equal to (loose) 5 != '5' → false
!== Not equal to (strict) 5 !== '5' → true
> Greater than 5 > 3 → true
< Less than 5 < 3 → false
>= Greater than or equal 5 >= 5 → true
<= Less than or equal 5 <= 3 → false

Exemple:

let x = 10;
x += 5;  // x = x + 5 -> 15
x *= 2;  // x = x * 2 -> 30
console.log(x);  // Output: 30



<hr>

<p><strong>### 4. **Opérateurs logiques</strong>**<br>
Les opérateurs logiques sont utilisés pour effectuer des opérations logiques, renvoyant des valeurs booléennes.</p>

<div><table>
<thead>
<tr>
<th>Operator</th>
<th>Description</th>
<th>Example</th>
</tr>
</thead>
<tbody>
<tr>
<td>&&</td>
<td>Logical AND</td>
<td>
true && false → false
</td>
</tr>
<tr>
<td>`</td>
<td></td>
<td>`</td>
</tr>
<tr>
<td>!</td>
<td>Logical NOT</td>
<td>
!true → false
</td>
</tr>
</tbody>
</table></div>

<p><strong>#### Exemple :</strong><br>
</p>

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">console.log(5 == '5');  // Output: true (loose comparison)
console.log(5 === '5'); // Output: false (strict comparison)
console.log(10 > 5);    // Output: true
console.log(3 <= 2);    // Output: false
Copier après la connexion
Copier après la connexion

### 5. **Opérateurs unaires**
Les opérateurs unaires opèrent sur un seul opérande pour effectuer une action spécifique.

Operator Description Example
Increment x → x = x 1
-- Decrement x-- → x = x - 1
typeof Type of operand typeof x → number
void Evaluates expression without returning a value void(0)

#### Exemple :

let a = true;
let b = false;
console.log(a && b);  // Output: false
console.log(a || b);  // Output: true
console.log(!a);      // Output: false
Copier après la connexion

### 6. **Opérateur ternaire (conditionnel)
**L'opérateur ternaire est un raccourci pour l'instruction if...else. Il évalue une condition et renvoie l'une des deux valeurs selon que la condition est vraie ou fausse.

Operator Description Example
condition ? expr1 : expr2 If condition is true, return expr1; otherwise, return expr2 x > 10 ? 'Greater' : 'Lesser'

*#### Exemple :
*

let a = 10;
let b = 2;
console.log(a + b);  // Output: 12
console.log(a - b);  // Output: 8
console.log(a * b);  // Output: 20
console.log(a / b);  // Output: 5
console.log(a % b);  // Output: 0
console.log(a ** b); // Output: 100
Copier après la connexion
Copier après la connexion
Copier après la connexion

### 7. **Opérateurs au niveau du bit
**Les opérateurs au niveau du bit effectuent des opérations sur les nombres binaires.

Operator Description Example
& AND 5 & 3 → 1
` ` OR
^ XOR 5 ^ 3 → 6
~ NOT ~5 → -6
<< Left shift 5 << 1 → 10
>> Right shift 5 >> 1 → 2
>>> Unsigned right shift 5 >>> 1 → 2

*#### Exemple :
*

let x = 10;
x += 5;  // x = x + 5 -> 15
x *= 2;  // x = x * 2 -> 30
console.log(x);  // Output: 30
Copier après la connexion

### 8. **Opérateur de spread (...)
**L'opérateur spread vous permet de décompresser les éléments d'un tableau ou d'un objet dans un nouveau tableau ou objet.

*#### Exemple :
*

console.log(5 == '5');  // Output: true (loose comparison)
console.log(5 === '5'); // Output: false (strict comparison)
console.log(10 > 5);    // Output: true
console.log(3 <= 2);    // Output: false
Copier après la connexion

### Conclusion

Les opérateurs JavaScript sont fondamentaux pour effectuer des calculs, des comparaisons et des opérations logiques. Que vous manipuliez des valeurs, les compariez ou contrôliez le flux de votre programme, la compréhension de ces opérateurs est cruciale pour un codage efficace. Utilisez les bons opérateurs en fonction de votre tâche pour garantir un code propre et lisible.

Bonjour, je m'appelle Abhay Singh Kathayat !
Je suis un développeur full-stack avec une expertise dans les technologies front-end et back-end. Je travaille avec une variété de langages et de frameworks de programmation pour créer des applications efficaces, évolutives et conviviales.
N'hésitez pas à me contacter à mon e-mail professionnel : kaashshorts28@gmail.com.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal