MEILLEUR SITE POUR LES DÉVELOPPEURS WEB

JS Tutoriel

JS MAISON JS Introduction JS Où aller JS Sortir JS Déclarations JS Syntaxe JS Commentaires JS Variables JS Let JS Const JS Opérateurs JS Arithmétique JS Devoir JS Types de données JS Fonctions JS Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherché de chaîne JS Modèles de chaînes JS Nombres JS Méthodes numériques JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const. de tableau JS Dates JS Formats de dates JS Méthodes d'obtention de date JS Méthodes de définition de dates JS Math JS Mathématiques JS Booléens JS Comparaisons JS If Else JS Switch JS Boucle For JS Boucle For In JS Boucle For Of JS Boucle While JS Break JS Itérables JS Ensembles JS Cartes JS Typeof JS Conversion de types JS Au niveau du bit JS RegExp JS Errors JS Portée JS Levage JS Mode strict JS this Mot clé JS Fonction flèche JS Cours JS Modules JS JSON JS Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performance JS Mots réservés

JS Versions

JS Versions JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Histoire

JS Objets

Définitions d'objets Propriétés de l'objet Méthodes d'objet Affichage des objets Accesseurs d'objet Constructeurs d'objets Prototypes d'objets Itérables d'objet Ensembles d'objets Cartes d'objets Référence d'objet

JS Fonctions

Définitions des fonctions Paramètres de fonction Invocation de fonction Appel de fonction Fonction Appliquer Fonction Liaison Fermetures de fonctions

JS Cours

Introduction au cours Héritage de classe Classe statique

JS Asynchrone

JS Rappels JS asynchrone JS Promesses JS Async/Await

JS HTML DOM

DOM Intro DOM Méthodes DOM Document DOM Éléments DOM HTML DOM Formulaires DOM CSS DOM Animations DOM Événements DOM Écouteur d'événements DOM Navigation DOM Nœuds DOM Collections DOM Listes de nœuds

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

Web API Intro Formulaires Web API Historique Web API Stockage Web API Travailleur Web API Récupération Web API Géolocalisation Web API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Demande AJAX Réponse AJAX XML Déposer AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples

JS JSON

JSON Intro JSON Syntaxe JSON vs XML JSON Types de données JSON Analyser JSON Stringifier JSON Objets JSON Tableaux JSON Serveur JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Sélecteurs jQuery HTML jQuery CSS jQuery DOM

JS Graphique

JS Graphique JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Exemples

JS Exemples JS HTML DOM JS HTML Input JS HTML Objets JS HTML Événements JS Browser JS Éditeur JS Exercices JS Questionnaire JS Camp d'entraînement JS Certificat

JS Références

JavaScript Objets HTML DOM Objets

JavaScript. W3Schools en français. Cours pour débutants

En Ua Es De

JavaScript Arithmétique


Opérateurs arithmétiques JavaScript

Les opérateurs arithmétiques effectuent des opérations arithmétiques sur des nombres (littéraux ou variables).

Opérateur Description
+ Ajout
- Soustraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Module (reste)
++ Incrément
-- Diminution

Opérations arithmétiques

Une opération arithmétique typique fonctionne sur deux nombres.

Les deux nombres peuvent être des littéraux :

Exemple

let x = 100 + 50;
Try it Yourself »

ou des variables :

Exemple

let x = a + b;
Try it Yourself »

ou expressions :

Exemple

let x = (100 + 50) * a;
Try it Yourself »

Opérateurs et opérandes

Les nombres (dans une opération arithmétique) sont appelés opérandes.

L'opération (à effectuer entre les deux opérandes) est définie par un opérateur.

Opérande Opérateur Opérande
100 + 50

Ajout

L'opérateur addition (+) ajoute des nombres :

Exemple

let x = 5;
let y = 2;
let z = x + y;
Try it Yourself »

Soustraction

L'opérateur de soustraction (-) soustrait les nombres.

Exemple

let x = 5;
let y = 2;
let z = x - y;
Try it Yourself »

Multiplier

L'opérateur multiplication (*) multiplie les nombres.

Exemple

let x = 5;
let y = 2;
let z = x * y;
Try it Yourself »

Division

L'opérateur division (/) divise les nombres.

Exemple

let x = 5;
let y = 2;
let z = x / y;
Try it Yourself »

Reste

L'opérateur module (%) renvoie le reste de la division.

Exemple

let x = 5;
let y = 2;
let z = x % y;
Try it Yourself »

En arithmétique, la division de deux entiers produit un quotient et un reste.

En mathématiques, le résultat d'une opération modulo est le reste d'une division arithmétique.


Incrément

L'opérateur incrément (++) incrémente les nombres.

Exemple

let x = 5;
x++;
let z = x;
Try it Yourself »

Décrémentation

L'opérateur décrémentation (--) décrémente les nombres.

Exemple

let x = 5;
x--;
let z = x;
Try it Yourself »

Exponentiation

L'opérateur exponentiation (**) élève le premier opérande à la puissance du deuxième opérande.

Exemple

let x = 5;
let z = x ** 2;          // Le résultat est 25
Try it Yourself »

x ** y produit le même résultat que Math.pow(x,y):

Exemple

let x = 5;
let z = Math.pow(x,2);   // Le résultat est 25
Try it Yourself »

Précédence de l'opérateur

La priorité de l'opérateur décrit l'ordre dans lequel les opérations sont effectuées dans une expression arithmétique.

Exemple

let x = 100 + 50 * 3;
Try it Yourself »

Le résultat d'un exemple supérieur est-il le même que 150 * 3, ou est-il le même que 100 + 150?

L'addition ou la multiplication est-elle en premier ?

Comme dans les mathématiques scolaires traditionnelles, la multiplication se fait en premier.

La multiplication (*) et la division (/) ont une préséance plus élevée que l'addition (+) et soustraction (-).

Et (comme dans les mathématiques scolaires), la priorité peut être modifiée en utilisant des parenthèses :

Exemple

let x = (100 + 50) * 3;
Try it Yourself »

Lorsque vous utilisez des parenthèses, les opérations à l'intérieur des parenthèses sont calculées en premier.

Lorsque de nombreuses opérations ont la même priorité (comme l'addition et la soustraction), elles sont calculées de gauche à droite :

Exemple

let x = 100 + 50 - 3;
Try it Yourself »

Valeurs de priorité de l'opérateur JavaScript

Les entrées rouge pâle indiquent ECMAScript 2015 (ES6) ou version ultérieure.

Valeur Opérateur Description Exemple
21 ( ) Expression grouping (3 + 4)
       
20 . Member person.name
20 [] Member person["name"]
20 () Function call myFunction()
20 new Create new Date()
       
18 ++ Postfix Increment i++
18 -- Postfix Decrement i--
       
17 ++ Prefix Increment ++i
17 -- Prefix Decrement --i
17 ! Logical not !(x==y)
17 typeof Type typeof x
       
16 ** Exponentiation (ES2016) 10 ** 2
       
15 * Multiplication 10 * 5
15 / Division 10 / 5
15 % Division Remainder 10 % 5
       
14 + Addition 10 + 5
14 - Subtraction 10 - 5
       
13 << Shift left x << 2
13 >> Shift right x >> 2
13 >>> Shift right (unsigned) x >>> 2
       
12 < Less than x < y 
12 <= Less than or equal x <= y
12 > Greater than x > y
12 >= Greater than or equal x >= y
12 in Property in Object "PI" in Math
12 instanceof Instance of Object instanceof Array
       
11 == Equal x == y
11 === Strict equal x === y
11 != Unequal x != y
11 !== Strict unequal x !== y
       
10 & Bitwise AND x & y
9 ^ Bitwise XOR x ^ y
8 | Bitwise OR x | y
7 && Logical AND x && y
6 || Logical OR x || y
5 ?? Nullish Coalescing x ?? y
4 ? : Condition ? "Yes" : "No"
       
3 += Assignment x += y
3 /= Assignment x /= y
3 -= Assignment x -= y
3 *= Assignment x *= y
3 %= Assignment x %= y
3 <<= Assignment x <<= y
3 >>= Assignment x >>= y
3 >>>= Assignment x >>>= y
3 &= Assignment x &= y
3 ^= Assignment x ^= y
3 |= Assignment x |= y
       
2 yield Pause Function yield x
1 , Comma 5 , 6

Les expressions entre parenthèses sont entièrement calculées avant que la valeur ne soit utilisée dans le reste de l'expression.


Testez-vous avec des exercices

Exercice:

Divisez 10 par 2 et alertez le résultat.

alert(10  2);