path: root/files/fr/web/javascript/guide/expressions_and_operators/index.md

---
title: Expressions et opérateurs
slug: Web/JavaScript/Guide/Expressions_and_Operators
tags:
  - Débutant
  - Expressions
  - Guide
  - JavaScript
  - Operators
translation_of: Web/JavaScript/Guide/Expressions_and_Operators
original_slug: Web/JavaScript/Guide/Expressions_et_Opérateurs
---
{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Fonctions", "Web/JavaScript/Guide/Nombres_et_dates")}}

Ce chapitre décrit les expressions et les opérateurs en JavaScript, il inclut des notions sur les opérateurs d'affectation, de comparaison, les opérateurs arithmétiques, binaires, logiques, ceux qui s'appliquent sur les chaînes de caractères ainsi que les opérateurs spéciaux.

Une liste complète et détaillée des opérateurs JavaScript est disponible dans [la référence JavaScript](/fr/docs/Web/JavaScript/Reference/Opérateurs).

## Opérateurs

JavaScript possède différents types d'opérateurs. Cette section décrit les opérateurs et certaines informations sur les priorités entre opérateurs.

- [Les opérateurs d'affectation](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_d'affectation)
- [Les opérateurs de comparaison](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_de_comparaison)
- [Les opérateurs arithmétiques](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_arithmétiques)
- [Les opérateurs binaires](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_binaires)
- [Les opérateurs logiques](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_logiques)
- [Les opérateurs de chaînes](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_de_chaînes_de_caractères)
- [L'opérateur (ternaire) conditionnel](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateur_conditionnel_ternaire)
- [L'opérateur virgule](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#La_virgule_comme_opérateur)
- [Les opérateurs unaires](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_unaires)
- [Les opérateurs relationnels](/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Opérateurs_relationnels)

JavaScript utilise des opérateurs _binaires_ et _unaires_, ainsi qu'un opérateur ternaire spécial (l'opérateur conditionnel). Un opérateur binaire utilise deux opérandes, un précédant l'opérateur et un lui succédant :

    opérande1 opérateur opérande2

Par exemple : « `3+4` » ou « `x*y` ».

Un opérateur unaire ne nécessite qu'un opérande, avant ou après l'opérateur :

    opérateur opérande

ou

    opérande opérateur

Comme « `x++` » ou « `++x` ».

### Opérateurs d'affectation

Un [opérateur d'affectation](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation) assigne une valeur à son opérande gauche, valeur basée sur celle de l'opérande droit. L'opérateur d'affectation simple est le signe égal (=), il assigne la valeur de l'opérande droit à l'opérande gauche. Autrement dit, avec « x = y » on affecte la valeur y à x.

D'autres opérateurs d'affectation sont des raccourcis correspondant à certaines opérations composées, ils sont énumérés dans le tableau qui suit :

| Nom                                                                                                                                                                        | Opérateur composé | Signification |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ------------- |
| [Affectation](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_d_affectation#Affectation)                                                                 | `x = y`           | `x = y`       |
| [Affectation après addition](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_d_affectation#Affectation_apr%C3%A8s_addition)                              | `x += y`          | `x = x + y`   |
| [Affectation après soustraction](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_d_affectation#Affectation_apr%C3%A8s_soustraction)                      | `x -= y`          | `x = x - y`   |
| [Affectation après multiplication](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_d_affectation#Affectation_apr%C3%A8s_multiplication)                  | `x *= y`          | `x = x * y`   |
| [Affectation après division](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_division)                                             | `x /= y`          | `x = x / y`   |
| [Affectation du reste](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_du_reste)                                                         | `x %= y`          | `x = x % y`   |
| [Affectation après exponentiation](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_exponentiation){{experimental_inline}} | `x **=y`          | `x = x ** y`  |
| [Affectation après décalage à gauche](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_décalage_à_gauche)                           | `x <<= y`         | `x = x << y`  |
| [Affectation après décalage à droite](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_décalage_à_droite)                           | `x >>= y`         | `x = x >> y`  |
| [Affectation après décalage à droite non signé](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_décalage_à_droite_non-signé)       | `x >>>= y`        | `x = x >>> y` |
| [Affectation après ET binaire](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_ET_binaire)                                         | `x &= y`          | `x = x & y`   |
| [Affectation après OU exclusif binaire](</fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_OU_exclusif_(XOR)_binaire>)               | `x ^= y`          | `x = x ^ y`   |
| [Affectation après OU binaire](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_d_affectation#Affectation_après_OU_binaire)                                         | `x \|= y`         | `x = x \| y`  |

#### Décomposition

Lors d'affectations plus complexes, on peut utiliser [l'affectation par décomposition](/fr/docs/Web/JavaScript/Reference/Opérateurs/Affecter_par_décomposition). C'est une expression qui permet d'extraire des données depuis des tableaux ou des objets avec une syntaxe symétrique de littéraux de tableaux ou d'objets pour affecter des variables.

```js
var toto = ["un", "deux", "trois"];

// sans décomposition
var un = toto[0];
var deux = toto[1];
var trois = toto[2];

// avec la décomposition
var [un, deux, trois] = toto;
```

### Opérateurs de comparaison

Un [opérateur de comparaison](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_de_comparaison) compare ses deux opérandes et renvoie un valeur booléenne correspondant au résultat de la comparaison (vraie ou fausse). Les opérandes peuvent être des nombres, des chaînes de caractères, des booléens ou des objets. Les chaînes de caractères sont comparées selon l'ordre lexicographique usuel en utilisant les valeurs Unicode. Dans la plupart des cas, si les deux opérandes ne sont pas du même type, JavaScript tentera de les convertir vers un type approprié. Cette méthode aboutira souvent à une comparaison numérique. Les seules exceptions à cette conversion implicite sont les opérateurs `===` et `!==` , qui testent des égalités et inégalités strictes. Ces opérateurs n'effectuent pas de conversion de type. Le tableau qui suit décrit les opérateurs de comparaisons relativement à ce fragment de code :

```js
var var1 = 3;
var var2 = 4;
```

<table class="standard-table">
  <caption>
    Opérateurs de comparaison
  </caption>
  <thead>
    <tr>
      <th scope="col">Opérateur</th>
      <th scope="col">Description</th>
      <th scope="col">Exemples qui renvoient <code>true</code></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#.C3.89galit.C3.A9_simple_(.3D.3D)"
          >Égalité</a
        >
        (<code>==</code>)
      </td>
      <td>
        Renvoie <code>true</code> si les opérandes sont égaux après conversion
        en valeurs de mêmes types.
      </td>
      <td>
        <code>3 == var1</code>
        <p><code>"3" == var1</code></p>
        <code>3 == '3'</code>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#In.C3.A9galit.C3.A9_simple_(!.3D)"
          >Inégalité</a
        >
        (<code>!=</code>)
      </td>
      <td>Renvoie <code>true</code> si les opérandes sont différents.</td>
      <td>
        <code>var1 != 4<br />var2 != "3"</code>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#.C3.89galit.C3.A9_stricte_(.3D.3D.3D)"
          >Égalité stricte </a
        >(<code>===</code>)
      </td>
      <td>
        Renvoie <code>true</code> si les opérandes sont égaux et de même type.
        Voir {{jsxref("Object.is","Object.is()")}} et
        <a href="/fr/docs/JavaScript/Guide/%C3%89galit%C3%A9_en_JavaScript"
          >égalité de type en JavaScript</a
        >.
      </td>
      <td><code>3 === var1</code></td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#In.C3.A9galit.C3.A9_stricte_(!.3D.3D)"
          >Inégalité stricte</a
        >
        (<code>!==</code>)
      </td>
      <td>
        Renvoie <code>true</code> si les opérandes ne sont pas égaux ou s'ils ne
        sont pas de même type.
      </td>
      <td>
        <code>var1 !== "3"<br />3 !== '3'</code>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#Sup.C3.A9rieur_strict_(%3E)"
          >Supériorité stricte</a
        >
        (<code>></code>)
      </td>
      <td>
        Renvoie <code>true</code> si l'opérande gauche est supérieur
        (strictement) à l'opérande droit.
      </td>
      <td>
        <code>var2 > var1<br />"12" > 2</code>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#Sup.C3.A9rieur_ou_.C3.A9gal_(%3E.3D)"
          >Supériorité ou égalité</a
        >
        (<code>>=</code>)
      </td>
      <td>
        Renvoie <code>true</code> si l'opérande gauche est supérieur ou égal à
        l'opérande droit.
      </td>
      <td>
        <code>var2 >= var1<br />var1 >= 3</code>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#Inf.C3.A9rieur_strict_(%3C)"
          >Infériorité stricte</a
        >
        (<code>&#x3C;</code>)
      </td>
      <td>
        Renvoie <code>true</code> si l'opérande gauche est inférieur
        (strictement) à l'opérande droit.
      </td>
      <td>
        <code>var1 &#x3C; var2<br />"2" &#x3C; "12"</code>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_de_comparaison#Inf.C3.A9rieur_ou_.C3.A9gal_(%3C.3D)"
          >Infériorité ou égalité</a
        >
        (<code>&#x3C;=</code>)
      </td>
      <td>
        Renvoie <code>true</code> si l'opérande gauche est inférieur ou égal à
        l'opérande droit.
      </td>
      <td>
        <code>var1 &#x3C;= var2<br />var2 &#x3C;= 5</code>
      </td>
    </tr>
  </tbody>
</table>

> **Note :** `=>` n'est pas un opérateur. Il s'agit de la notation utilisée pour [les fonctions fléchées](/fr/docs/Web/JavaScript/Reference/Fonctions/Fonctions_fl%C3%A9ch%C3%A9es).

### Opérateurs arithmétiques

Les [opérateurs arithmétiques](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_arithmétiques) ont pour opérandes des valeurs numériques (des littéraux ou des variables) et renvoient une valeur numérique. Les opérateurs arithmétiques standards sont l'addition (+), la soustraction (-), la multiplication (\*), et la division (/). Ces opérateurs fonctionnent comme pour la plupart des langages de programmation lorsqu'ils sont utilisés avec des nombres décimaux (on notera que la division par zéro a pour résultat {{jsxref("Infinity")}}). Ainsi :

```js
1 / 2; // 0.5
1 / 2 == 1.0 / 2.0; // true
```

En plus des opérations arithmétiques standards (+,-,\*,/), JavaScript fournit également d'autres opérateurs arithmétiques, listés dans le tableau qui suit :

<table class="fullwidth-table">
  <caption>
    Opérateurs arithmétiques
  </caption>
  <thead>
    <tr>
      <th scope="col">Opérateur</th>
      <th scope="col">Description</th>
      <th scope="col">Exemple</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_arithm%C3%A9tiques#Reste_(.25)"
          >Reste</a
        >
        (<code>%</code>)<br /> 
      </td>
      <td>
        Opérateur binaire. Renvoie le reste entier de la division entre les deux
        opérandes.
      </td>
      <td>12 % 5 renvoie 2.</td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_arithm%C3%A9tiques#Incr.C3.A9ment_(.2B.2B)"
          >Incrément</a
        >
        (<code>++</code>)
      </td>
      <td>
        Opérateur unaire. Ajoute un à son opérande. S'il est utilisé en préfixe
        (<code>++x</code>), il renvoie la valeur de l'opérande après avoir
        ajouté un, s'il est utilisé comme opérateur de suffixe
        (<code>x++</code>), il renvoie la valeur de l'opérande avant d'ajouter
        un.
      </td>
      <td>
        Si <code>x</code> vaut 3, <code>++x</code> incrémente <code>x</code> à 4
        et renvoie 4, <code>x++</code> renvoie 3 et seulement ensuite ajoute un
        à <code>x</code>.
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_arithm%C3%A9tiques#D.C3.A9cr.C3.A9ment_(--)"
          >Décrément</a
        >
        (<code>--</code>)
      </td>
      <td>
        Opérateur unaire. Il soustrait un à son opérande. Il fonctionne de
        manière analogue à l'opérateur d'incrément.
      </td>
      <td>
        Si <code>x</code> vaut 3, <code>--x</code> décrémente <code>x</code> à 2
        puis renvoie2, <code>x--</code> renvoie 3 puis décrémente la valeur de
        <code>x</code>.
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_arithm%C3%A9tiques#N.C3.A9gation_unaire_(-)"
          >Négation unaire</a
        >
        (<code>-</code>)
      </td>
      <td>Opérateur unaire. Renvoie la valeur opposée de l'opérande.</td>
      <td>Si <code>x</code> vaut 3, alors <code>-x</code> renvoie -3.</td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_arithm%C3%A9tiques#Plus_unaire_(.2B)"
          >Plus unaire </a
        >(<code>+</code>)
      </td>
      <td>
        Opérateur unaire. Si l'opérande n'est pas un nombre, il tente de le
        convertir en une valeur numérique.
      </td>
      <td>
        <p><code>+"3"</code> renvoie <code>3</code>.</p>
        <p><code>+true</code> renvoie <code>1</code>.</p>
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_arithm%C3%A9tiques#Exponentiation"
          >Opérateur d'exponentiation</a
        >
        (**) (puissance) {{experimental_inline}}
      </td>
      <td>
        Calcule un nombre (base) élevé à une puissance donnée (soit
        <code>base^puissance</code>)
      </td>
      <td>
        <p><code>2 ** 3</code> renvoie <code>8</code></p>
        <p><code>10 ** -1</code> renvoie <code>0.1</code></p>
      </td>
    </tr>
  </tbody>
</table>

### Opérateurs binaires

Les [opérateurs binaires](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_binaires) voient leurs opérandes comme des ensembles de 32 bits (des zéros et des uns), et non pas comme des nombres décimaux, octaux ou hexadécimaux. Ainsi, le nombre décimal neuf aura une représentation binaire de 1001. Les opérateurs binaires effectuent des opérations sur des représentations binaires mais renvoies des valeurs numériques JavaScript standards.

Le tableau qui suit résume les opérateurs binaires JavaScript :

| Opérateur                                                                                                                                                                                                     | Utilisation | Description                                                                                                                       |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------- |
| [AND (ET) binaire](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#&_.28ET_binaire.29)                                                                                             | `a & b`     | Renvoie un 1 à chaque position binaire pour laquelle les bits des deux opérandes sont à 1.                                        |
| [OR (OU) binaire](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#|_.28OU_binaire.29)                                                                                              | `a \| b`    | Renvoie un zéro à chaque position binaire pour laquelle les bits des deux opérandes sont à 0.                                     |
| [XOR (OU exclusif) binaire](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#.5E_.28XOR_binaire.29)                                                                                 | `a ^ b`     | Renvoie un zéro à chaque position binaire pour laquelle les bits sont les mêmes (et un 1 pour chacun des bits qui est différent). |
| [NOT (NON) binaire](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#.7E_.28NON_binaire.29)                                                                                         | `~ a`       | Inverse les bits de l'opérande.                                                                                                   |
| [Décalage binaire à gauche](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#.3C.3C_.28d.C3.A9calage_.C3.A0_gauche.29)                                                              | `a << b`    | Décale la représentation binaire de `b` bits sur la gauche et complète avec des zéros à droite.                                   |
| [Décalage binaire à droite](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#.3E.3E_.28d.C3.A9calage_.C3.A0_droite_avec_propagation_du_signe.29)                                    | `a >> b`    | Décale la représentation binaire de `b` bits sur la droite en ignorant les bits perdus.                                           |
| [Décalage binaire à droite en complétant avec des zéros](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_binaires#.3E.3E.3E_.28d.C3.A9calage_.C3.A0_droite_avec_insertion_de_z.C3.A9ros.29) | `a >>> b`   | Décale la représentation binaire de `b` bits sur la droite en ignorant les bits perdus et ajoute des zéros sur la gauche.         |

#### Opérateurs binaires logiques

Les opérateurs binaires logiques fonctionnent de cette façon :

- Les opérandes sont convertis en entiers sur 32 bits et exprimés comme une série de bits (des 1 et des 0). Les nombres sur plus de 32 bits voient leurs bits supplémentaires supprimés :

  ```js
    Avant : 11100110111110100000000000000110000000000001
    Après :             10100000000000000110000000000001
    ```

- Chaque bit du premier opérande est associé avec le bit correspondant du second opérande (le premier bit du premier opérande avec le premier bit du second opérande, le second avec le second et ainsi de suite)
- L'opérateur est appliqué pour chaque paire de bits ainsi constituée et le résultat est reconstruit sous forme binaire.

Le chiffre neuf est par exemple représenté comme 1001, et le nombre quinze comme 1111. Ainsi, quand les opérateurs binaires sont appliqués sur ces valeurs, on a les résultats qui suivent :

| Expression | Résultat | Description binaire                                               |
| ---------- | -------- | ----------------------------------------------------------------- |
| `15 & 9`   | `9`      | `1111 & 1001 = 1001`                                              |
| `15 \| 9`  | `15`     | `1111 \| 1001 = 1111`                                             |
| `15 ^ 9`   | `6`      | `1111 ^ 1001 = 0110`                                              |
| `~15`      | `-16`    | ` ~``00000000...`` 00001111 = ``1111``1111``...``11110000 `       |
| `~9`       | `-10`    | ` ~``00000000``...``0000`` 1001 = ``1111``1111``...``1111``0110 ` |

Il faut remarquer que tous les bits sont échangés lorsque l'opérateur binaire NOT est utilisé. Il est donc utile de savoir que les valeurs dont le bit le plus fort (le plus à gauche) vaut 1 sont des nombres négatifs (représentation en complément à deux). L'évaluation de `~x` aura le même résultat que l'évaluation de `-x - 1`.

#### Opérateurs binaires de décalage

Les opérateurs binaires de décalage utilisent deux opérandes : le premier indiquant la quantité à décaler et le second indiquant de combien de bits on décale le premier opérande. La direction du décalage est spécifiée grâce à l'opérateur.

Les opérateurs binaires de décalage convertissent leurs opérandes en entiers sur 32 bits et renvoient un résultat dont le type est le même que l'opérande gauche.

Les opérateurs de décalage sont énumérés dans le tableau qui suit.

<table class="fullwidth-table">
  <caption>
    Opérateurs binaires de décalage
  </caption>
  <thead>
    <tr>
      <th scope="col">Opérateur</th>
      <th scope="col">Description</th>
      <th scope="col">Exemple</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_binaires#<<_(décalage_à_gauche)"
          >Décalage à gauche (<code>&#x3C;&#x3C;</code>)</a
        >
      </td>
      <td>
        Cet opérateur décale le premier opérande d'un nombre de bits donné sur
        la gauche. Les bits en trop sont ignorés et des bits à zéro sont
        introduits à droite.
      </td>
      <td>
        <code>9&#x3C;&#x3C;2</code> renvoie 36, car 1001, décalé de 2 bits à
        gauche, devient  100100, dont la représentation en base 10 est  36.
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_binaires#>>_(décalage_à_droite_avec_propagation_du_signe)"
          >Décalage à droite avec propagation du signe (<code>>></code>)</a
        >
      </td>
      <td>
        Cet opérateur décale le premier opérande d'un nombre de bits donné sur
        la droite. Les bits en trop sont ignorés et des bits correspondants au
        bit de signe sont introduits à gauche.
      </td>
      <td>
        <code>9>>2</code> renvoie 2, car 1001, décalé de 2 bits à droite,
        devient 10 représentant 2. De même  <code>-9>>2</code> renvoie -3, car
        le signe est préservé.
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_binaires#>>>_(décalage_à_droite_avec_insertion_de_zéros)"
          >Décalage à droite avec zéros (<code>>>></code>)</a
        >
      </td>
      <td>
        Cet opérateur décale le premier opérande d'un nombre de bits donné sur
        la droite. Les bits en trop sont ignorés et des bits à 0 sont introduits
        à gauche.
      </td>
      <td>
        <code>19>>>2</code> renvoie 4, car 10011, décalé de 2 bits, devient 100
        qui représente 4. Pour les nombres positifs, cet opérateur et
        l'opérateur précédent renvoient les mêmes résultats.
      </td>
    </tr>
  </tbody>
</table>

### Opérateurs logiques

Les [opérateurs logiques](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_logiques) sont généralement utilisés avec des valeurs booléennes. Dans ce cas, il renvoient une valeur booléenne. Les opérateurs `&&` et `||` renvoient en fait une valeurs d'un des opérandes et si ces opérateurs sont utilisés avec des valeurs non-booléennées, ils pourront renvoyer une valeur non-booléenne. Les opérateurs logiques sont décrits dans le tableau qui suit.

<table class="fullwidth-table">
  <caption>
    Opérateurs logiques
  </caption>
  <thead>
    <tr>
      <th scope="col">Opérateur</th>
      <th scope="col">Usage</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_logiques#Logical_AND_.28&#x26;&#x26;.29"
          >ET logique</a
        >
        (<code>&#x26;&#x26;</code>)
      </td>
      <td><code>expr1 &#x26;&#x26; expr2</code></td>
      <td>
        Renvoie <code>expr1</code> s'il peut être converti à false, sinon
        renvoie <code>expr2</code>. Dans le cas où on utilise des opérandes
        booléens, <code>&#x26;&#x26;</code> renvoie <code>true</code> si les
        deux opérandes valent <code>true</code>, <code>false</code> sinon.
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_logiques#OU_logique_(.7C.7C)"
          >OU logique</a
        >
        (<code>||</code>)
      </td>
      <td><code>expr1 || expr2</code></td>
      <td>
        Renvoie <code>expr1</code> s'il peut être converti à <code>true</code>,
        sinon renvoie <code>expr2</code>. Dans le cas où on utilise des
        opérandes booléens, <code>||</code> renvoie <code>true</code> si l'un
        des opérandes vaut <code>true</code>, si les deux valent
        <code>false</code>, il renvoie <code>false</code>.
      </td>
    </tr>
    <tr>
      <td>
        <a
          href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateurs_logiques#Logical_NOT_.28.21.29"
          >NON logique </a
        >(<code>!</code>)
      </td>
      <td><code>!expr</code></td>
      <td>
        Renvoie <code>false</code> si son unique opérande peut être converti en
        <code>true</code>, sinon il renvoie <code>true</code>.
      </td>
    </tr>
  </tbody>
</table>

Les exemples d'expressions qui peuvent être converties à `false` sont celles qui sont évaluées à `null`, 0, `NaN`, la chaîne de caractères vide (""), ou `undefined`.

Le code qui suit montre des exemples de l'utilisation de l'opérateur logique ET (&&).

```js
var a1 =   true && true;     // t && t renvoie true
var a2 =   true && false;    // t && f renvoie false
var a3 =  false && true;     // f && t renvoie false
var a4 =  false && (3 == 4); // f && f renvoie false
var a5 = "Chat" && "Chien";  // t && t renvoie Chien
var a6 =  false && "Chat";   // f && t renvoie false
var a7 = "Chat" && false;    // t && f renvoie false
```

Les exemples suivants montrent l'utilisation de l'opérateur logique OU (||).

```js
var o1 =   true || true;     // t || t renvoie true
var o2 =  false || true;     // f || t renvoie true
var o3 =   true || false;    // t || f renvoie true
var o4 =  false || (3 == 4); // f || f renvoie false
var o5 = "Chat" || "Chien";  // t || t renvoie Chat
var o6 =  false || "Chat";   // f || t renvoie Chat
var o7 = "Chat" || false;    // t || f renvoie Chat
```

Les exemples suivants montrent l'utilisation de l'opérateur logique NON (!).

```js
var n1 = !true;   // !t renvoie false
var n2 = !false;  // !f renvoie true
var n3 = !"Chat"; // !t renvoie false
```

#### Evaluation rapide

Les expressions logiques sont évaluées de gauche à droite. Cette évaluation utilise des tests pour savoir s'il est possible d'utiliser des « raccourcis » correspondant aux règles suivantes :

- `false` && _n'importe quoi_ sera évalué à `false`.
- `true` || _n'importe quoi_ sera évalué à `true`.

Les règles logiques garantissent la validité de ces évaluations, il faut noter que le second opérande n'est pas du tout évalué, empêchant ainsi les effets de bords cachés, liés à cette évaluation.

### Opérateurs de chaînes de caractères

En plus des opérateurs de comparaisons qui peuvent être utilisés sur des chaînes de caractères, il existe l'opérateur de concaténation (+) permettant de concaténer deux chaînes de caractères. Le résultat de cette opération est la fusion des deux opérandes en une même chaîne de caractères. Ainsi :

```js
console.log("ma " + "chaîne"); // affichera "ma chaîne" dans la console
```

L'opérateur court += peut également être utilisé pour concaténer des chaînes. Par exemple :

```js
var maChaîne = "alpha";
maChaîne += "bet"; // l'expression sera évaluée en "alphabet"
                   // et cette valeur sera affectée à maChaîne
```

### Opérateur conditionnel ternaire

L'[opérateur conditionnel](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_conditionnel) est le seul opérateur JavaScript qui utilise trois opérandes. L'expression utilisant l'opérateur peut prendre une valeur parmi deux selon une condition donnée. Cet opérateur s'utilise avec la syntaxe suivante :

    condition ? val1 : val2

Si `condition` vaut `true`, l'opérateur vaudra `val1`. Sinon il vaudra `val2`. Il est possible d'utiliser l'opérateur conditionnel aux mêmes endroits qu'un opérateur standard.

On peut par exemple avoir :

```js
var statut = (âge >= 18) ? "adulte" : "mineur";
```

Cette instruction assigne la valeur "adulte" à la variable `status` si la variable `âge` est supérieure ou égale à 18. Sinon, on lui affecte la valeur "mineur".

### La virgule comme opérateur

L'[opérateur virgule](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_virgule) (`,`) évalue ses deux opérandes et renvoie la valeur du second opérande. Cet opérateur est principalement utilisé dans les boucles for pour permettre à plusieurs variables d'être modifiées à chaque itération de la boucle.

Ainsi, si on a un tableau à 2 dimensions avec 10 lignes et colonnes, on peut utiliser la virgule comme opérateur pour incrémenter deux variables à la fois. Le code qui suit imprime les valeurs contenues sur la diagonale du tableau :

```js
var x = [0,1,2,3,4,5,6,7,8,9]
var a = [x, x, x, x, x];

for (var i = 0, j = 9; i <= j; i++, j--)
  console.log("a[" + i + "][" + j + "]= " + a[i][j]);
```

### Opérateurs unaires

#### `delete`

L'opérateur [delete](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_delete) supprime un objet, une propriété d'un objet ou un élément d'un tableau à partir de sa position dans le tableau. La syntaxe de cet opérateur est la suivante :

```js
delete monObjet;
delete monObjet.propriété;
delete monObjet[index];
delete propriété; // uniquement valide au sein d'une instruction with
```

où on a `monObjet` qui est le nom de l'objet, `propriété` qui est une propriété existante et `index` un entier indiquant la position d'un élément dans un tableau.

La quatrième instruction n'est valide qu'au sein d'une instruction [`with`](/fr/docs/Web/JavaScript/Reference/Instructions/with) et permet de supprimer une propriété d'un objet.

Il est possible d'utiliser l'opérateur `delete` pour supprimer les variables déclarées implicitement mais pas celles déclarées avec `var`. Si l'opérateur fonctionne correctement, il change la propriété ou l'élément vers la valeur `undefined`. L'opérateur `delete` renvoie `true` si l'opération de suppression est possible, `false` sinon.

```js
x = 42;
var y = 43;
monobj = new Number();
monobj.h = 4;    // création de la propriété h
delete x;        // renvoie true (suppression possible si déclaration implicite)
delete y;        // renvoie false (suppression impossible si déclaration avec var si la variable n'est pas une propriété)
delete Math.PI;  // renvoie false (suppression impossible pour les propriétés pré-définies)
delete monobj.h; // renvoie true (suppression possible des propriétés définies par l'utilisateur)
delete monobj;   // renvoie true (suppression possible si déclaration implicite)
```

##### Suppression d'éléments d'un tableau

Lorsqu'on supprime un élément d'un tableau, la longueur du tableau n'est pas modifiée. Ainsi, si on supprime `a[3]`, `a[4]` restera `a[4]` (même position et valeur) alors que `a[3]` sera `undefined`.

Lorsque l'opérateur `delete` supprime un élément d'un tableau, cet élément n'appartient plus au tableau. Dans l'exemple qui suit, `arbres[3]` est supprimé mais il est toujours accessible et renvoie `undefined`.

```js
var arbres = new Array("sequoia", "laurier", "cèdre", "chêne", "érable");
delete arbres[3];
if (3 in arbres) {
  // Ceci ne sera pas exécuté
}
```

Pour qu'un élément continue à exister mais qu'il vaille `undefined`, on utilisera le mot-clé `undefined` plutôt que l'opérateur `delete`. Dans l'exemple qui suit, arbres`[3]` est modifié pour valoir `undefined` et l'élément du tableau continue à exister :

```js
var arbres = new Array("sequoia", "laurier", "cèdre", "chêne", "érable");
arbres[3] = undefined;
if (3 in arbres) {
  // Ceci sera exécuté
}
```

#### `typeof`

L'[opérateur `typeof`](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/L_op%C3%A9rateur_typeof) peut être utilisé de deux façons distinctes :

1.       typeof opérande
2.       typeof (opérande)

L'opérateur `typeof` renvoie une chaîne de caractères indiquant le type de l'opérande (qui n'est pas évalué). `opérande` correspond à la chaîne de caractère, la variable, le mot-clé ou l'objet dont on souhaite renvoyer le type. L'utilisation des parenthèses est facultative.

Soient les définitions de variables suivantes :

```js
var maFonction = new Function("5 + 2");
var forme = "round";
var taille = 1;
var toto = ["Pomme", "Poire", "Orange"];
var jour = new Date();
```

L'opérateur `typeof` renverra les résultats suivants :

```js
typeof maFonction; // renvoie "function"
typeof forme;      // renvoie "string"
typeof taille;     // renvoie "number"
typeof toto;       // renvoie "object"
typeof jour;       // renvoie "object"
typeof inexistant; // renvoie "undefined"
```

En ce qui concerne les mots-clés `true` et `null`, l'opérateur `typeof` renvoie les résultats suivants :

```js
typeof true; // renvoie "boolean"
typeof null; // renvoie "object"
```

Pour une chaîne de caractères ou un nombre, `typeof` renvoie les résultats suivants :

```js
typeof 62;            // renvoie "number"
typeof 'Hello world'; // renvoie "string"
```

L'opérateur `typeof`, lorsqu'il est utilisé avec des propriétés, renvoie le type de valeur contenue dans la propriété :

```js
typeof document.lastModified; // renvoie "string"
typeof window.length;         // renvoie "number"
typeof Math.LN2;              // renvoie "number"
```

Pour les méthodes et les fonctions, l'opérateur `typeof` renvoie les résultats suivants :

```js
typeof blur;        // renvoie "function"
typeof eval;        // renvoie "function"
typeof parseInt;    // renvoie "function"
typeof shape.split; // renvoie "function"
```

Pour les objets pré-définis, l'opérateur `typeof` fonctionne ainsi :

```js
typeof Date;     // renvoie "function"
typeof Function; // renvoie "function"
typeof Math;     // renvoie "object"
typeof Option;   // renvoie "function"
typeof String;   // renvoie "function"
```

#### `void`

L'[opérateur `void`](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_void) peut être utilisé de deux façons :

1.       void (expression)
2.       void expression

L'opérateur `void` indique qu'une expression doit être évaluée sans retourner de valeur. `expression` étant une expression JavaScript à évaluer. Les parenthèses sont facultatives mais les utiliser permet d'avoir une meilleur lisibilité du code.

L'opérateur `void` peut être utilisé pour spécifier une expression comme un lien hypertexte, l'expression est évaluée mais n'est pas chargée à la place du document actuel.

Le fragment de code  qui suit crée un lien hypertexte qui ne fait rien lorsque l'utilisateur clique dessus. Lorsqu'on clique sur le lien, `void(0)` est évalué à `undefined`, n'ayant aucun effet.

```html
<A HREF="javascript:void(0)">Cliquer ici pour ne rien faire</A>
```

Le code suivant crée un lien hypertexte qui envoie un formulaire lorsque l'utilisateur clique dessus.

```html
<A HREF="javascript:void(document.form.submit())">
Cliquer ici pour envoyer</A>
```

### Opérateurs relationnels

Un opérateur relationnel compare ses opérandes et renvoie une valeur booléenne selon que le résultat de la comparaison est vrai ou faux.

#### `in`

L'[opérateur `in`](/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/L_op%C3%A9rateur_in) renvoie `true` si la propriété indiquée fait partie de l'objet donné. Cet opérateur s'utilise avec la syntaxe suivante :

    nomOuNumeroPropriete in monObjet

avec `nomOuNumeroPropriete` qui est une chaîne de caractères, une expression numérique ou un symbole correspondant au nom d'une propriété ou un indice de tableau, `monObjet` est le nom d'un objet.

Les exemples qui suivent utilisent cet opérateur `in`.

```js
// Tableaux
var arbres = new Array("sequoia", "laurier", "cèdre", "chêne", "érable");
0 in arbres;         // renvoie true
3 in arbres;         // renvoie true
6 in arbres;         // renvoie false
"laurier" in arbres; // renvoie false (l'opérateur se base sur l'indice et pas
                     // sur la valeur)
"length" in arbres;  // renvoie true (length est une propriété d'un objet Array)

// Objets pré-définis
"PI" in Math;         // renvoie true
var myString = new String("coral");
"length" in myString; // renvoie true

// Objets définis par l'utilisateur
var maVoiture = {fabricant: "Honda", modèle: "Accord", year: 1998};
"fabricant" in maVoiture; // renvoie true
"modèle" in maVoiture;    // renvoie true
```

#### `instanceof`

L'[opérateur instanceof](/fr/docs/Web/JavaScript/Reference/Opérateurs/instanceof) renvoie `true` si l'objet donné est du type spécifié. Cet opérateur s'utilise avec la syntaxe suivante :

    nomObjet instanceof typeObjet

avec `nomObjet` qui est le nom de l'objet dont on souhaite comparer le type à `typeObjet`, `typeObjet` étant un type d'objet tel que {{jsxref("Date")}} ou {{jsxref("Array")}}.

`instanceof` peut être utilisé pour confirmer le type d'un objet pendant l'exécution. Ainsi, on peut gérer les exceptions en prévoyant différents cas pour différents types d'exception éventuellement levées.

Dans l'exemple qui suit, le code utilise l'opérateur `instanceof` afin de déterminer si `jour` est un objet `Date`. C'est le cas, les instructions contenues dans le bloc après l'instruction `if` sont donc exécutées.

```js
var jour = new Date(2007, 01, 22);
if (jour instanceof Date) {
  // instructions à exécuter
}
```

### Précédence des opérateurs

La _précédence_ des opérateurs indique l'ordre dans lequel ils sont appliqués lors de l'évaluation d'une expression. L'utilisation de parenthèses permet de surcharger la relation de précédence.

Le tableau qui suit décrit les précédences des opérateurs, dans l'ordre décroissant.

| Type d'opérateur          | Opérateurs individuels                    |
| ------------------------- | ----------------------------------------- |
| membre                    | `. []`                                    |
| appel/création d'instance | `() new`                                  |
| négation/incrémentation   | `! ~ - + ++ -- typeof void delete`        |
| multiplication/division   | `* / %`                                   |
| addition/soustraction     | `+ -`                                     |
| décalage binaire          | `<< >> >>>`                               |
| relationnel               | `< <= > >= in instanceof`                 |
| égalité                   | `== != === !==`                           |
| ET binaire                | `&`                                       |
| OU exclusif binaire       | `^`                                       |
| OU binaire                | `\|`                                      |
| ET logique                | `&&`                                      |
| OU logique                | `\|\|`                                    |
| conditionnel              | `?:`                                      |
| assignation               | `= += -= *= /= %= <<= >>= >>>= &= ^= \|=` |
| virgule                   | `,`                                       |

Une version plus détaillée de cette table peut être trouvée dans la [référence JavaScript](/fr/docs/Web/JavaScript/Reference/Opérateurs/Précédence_des_opérateurs#Table).

## Expressions

Un expression correspond à une unité de code valide qui est résolue en une valeur.

D'un point de vue syntaxique, toute expression valide se résout en une valeur. D'un point de vue conceptuel cependant, il y a deux types d'expressions : celles avec des effets de bord (qui, par exemple, affectent une valeur à une variable) et celles qui, d'une certaine façon, sont évaluées et sont résolues en une valeur.

L'expression `x = 7` affecte une valeur (premier type). Dans celle-ci, on utilise l'opérateur `=` pour affecter la valeur 7 à la variable `x`. L'expression elle-même est évaluée à 7.

Le code `3 + 4` correspond au second type d'expression. On utilise ici l'opérateur `+` pour ajouter trois à quatre sans affecter le résultat (7) à une variable.

Les expressions JavaScript peuvent être rangées selon différentes catégories :

- Arithmétiques : l'expression est évaluée en un nombre (par exemple 3.14159)
- Textuelles : l'expression est évaluée en une chaîne de caractères
- Logiques : l'expression est évaluée en `true` ou `false`
- Primaires : Les mots-clés basiques et les expressions générales en JavaScript
- Expressions vers la gauche : Les valeurs à gauche sont la cible d'une affectation

### Expressions primaires

Ces expressions correspondent aux mots-clés et aux expressions générales en JavaScript.

#### `this`

Le [mot-clé `this`](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_this) permet de faire référence à l'objet courant. En général, on l'utilise au sein d'une méthode pour faire référence à l'objet qui a utilisé la méthode. Il s'utilise de cette façon :

    this["nomPropriété"]
    this.nomPropriété

Soit une fonction qui valide un objet si sa propriété `value` est comprise entre deux valeurs :

```js
function valide(obj, valMin, valMax){
  if ((obj.value < valMin) || (obj.value > valMax))
    console.log("Valeur incorrecte !");
}
```

Il est possible d'appeler `valide` pour chaque gestionnaire d'événement `onChange` des éléments du formulaire, et d'utiliser le mot-clé `this` pour passer l'élément même en argument :

```html
<p>Entrez un nombre entre 18 et 99 :</p>
<input type="text" nom="age" size=3 onChange="valide(this, 18, 99);">
```

#### Opérateur de groupement

L'opérateur de groupement `( )` permet de contrôler la précédence de l'évaluation dans les expressions. On peut ainsi forcer l'évaluation d'une addition avant l'évaluation d'une multiplication ou d'une division.

```js
var a = 1;
var b = 2;
var c = 3;

// précédence par défaut
a + b * c;   // 7
// ce qui correspond à :
a + (b * c); // 7

// on peut utiliser l'opérateur
// pour effectuer l'addition en premier
(a + b) * c;   // 9

// ce qui équivaut à :
a * c + b * c; // 9
```

### Expressions vers la gauche

Les valeurs à gauches de ces expressions sont la cible d'une affectation.

#### `new`

L'[opérateur `new`](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_new) permet de créer une instance d'un objet défini par l'utilisateur ou d'un objet dont le type est un des types d'objets natifs. Cet opérateur utilise la syntaxe suivante :

```js
var nomObjet = new typeObjet([param1, param2, ..., paramN]);
```

#### super

Le [mot-clé `super`](/fr/docs/Web/JavaScript/Reference/Opérateurs/super) est utilisé afin d'appeler des fonctions disponibles sur un objet parent. Il peut notamment être utilisé avec les [classes](/fr/docs/Web/JavaScript/Reference/Classes) pour appeler le constructeur parent.

    super([arguments]); // invoque le constructeur parent
    super.functionParent([arguments]);

#### Opérateur de décomposition

L'[opérateur de décomposition](/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateur_de_décomposition) permet de développer une expression là où plusieurs argument (pour les appels de fonction) ou plusieurs éléments (pour les littéraux de tableaux) sont attendus.

Par exemple, si on a tableau et qu'on souhaite créer un nouveau tableau qui contient l'ancien, on peut soit utiliser une combinaison des méthodes `push`, `splice`, `concat`, soit utiliser la syntaxe de décomposition qui s'avère plus concise :

```js
var parts = ['shoulders', 'knees'];
var lyrics = ['head', ...parts, 'and', 'toes'];
```

L'opérateur de décomposition fonctionne de façon semblable avec les appels de fonction :

```js
function f(x, y, z) { }
var args = [0, 1, 2];
f(...args);
```

{{PreviousNext("Web/JavaScript/Guide/Fonctions", "Web/JavaScript/Guide/Nombres_et_dates")}}