Tutoriel JavaScript

JS ACCUEIL Présentation de JS JS Où aller Sortie JS Déclarations JS Syntaxe JS Commentaires JS Variables JS JS Let Const JS Opérateurs JS Arithmétique JS Affectation JS Types de données JS Fonctions JavaScript Objets JS Événements JS Chaînes JS Méthodes de chaîne JS Recherche de chaîne JS Modèles de chaîne JS Numéros JS Méthodes de nombre JS Tableaux JS Méthodes de tableau JS Tri de tableau JS Itération de tableau JS Const tableau JS Dates JS Formats de date JS Méthodes d'obtention de date JS Méthodes de définition de date JS JS Mathématiques JS Aléatoire Booléens JS Comparaisons JS Conditions JS Commutateur JS Boucle JS pour Boucle JS pour dans Boucle JS pour de Boucle JS pendant Pause JS Itérables JS Ensembles JS Cartes JS Type de JS Conversion de type JS JS au niveau du bit JS RegExp Erreurs JS Portée JS JS Levage Mode JS strict JS ce mot clé Fonction flèche JS Cours JS JSJSON Débogage JS Guide de style JS Meilleures pratiques JS Erreurs JS Performances JS Mots réservés JS

Versions JavaScript

Versions JavaScript JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Historique JS

Objets JS

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

Fonctions JavaScript

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

Cours JS

Introduction de classe Héritage de classe Classe Statique

JS asynchrone

Rappels JS JS asynchrone JS promet JS asynchrone/en attente

JS HTML DOM

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

Nomenclature du navigateur JS

Fenêtre JS Écran JavaScript Emplacement JS Historique JS Navigateur JS Alerte contextuelle JS Calendrier JS Cookies JavaScript

API Web JS

Présentation de l'API Web API des formulaires Web API d'historique Web API de stockage Web API de travail Web API de récupération Web API de géolocalisation Web

JS AJAX

Introduction à AJAX AJAX XMLHttp Requête AJAX Réponse AJAX Fichier XML AJAX PHP AJAX ASP AJAX Base de données AJAX Applications AJAX Exemples AJAX

JSJSON

Présentation JSON Syntaxe JSON JSON contre XML Types de données JSON Analyse JSON Chaîne JSON Objets JSON Tableaux JSON Serveur JSON JSON PHP HTML JSON JSON JSONP

JS contre jQuery

Sélecteurs jQuery jQuery HTML jQuery CSS jQuery DOM

Graphiques JS

Graphiques JS Canevas JS JS Complot JS Chart.js Graphique Google JS JS D3.js

Exemples JS

Exemples JS JS HTML DOM Entrée HTML JS Objets HTML JS Événements HTML JS Navigateur JS Éditeur JavaScript Exercices JS Questionnaire JS Certificat JS

Références JavaScript

Objets JavaScript Objets DOM HTML


Arithmétique JavaScript


Opérateurs arithmétiques JavaScript

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

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Remainder)
++ Increment
-- Decrement

Opérations arithmétiques

Une opération arithmétique typique opère sur deux nombres.

Les deux nombres peuvent être des littéraux :

Exemple

let x = 100 + 50;

ou variables :

Exemple

let x = a + b;

ou expression :

Exemple

let x = (100 + 50) * a;

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


Ajouter

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

Exemple

let x = 5;
let y = 2;
let z = x + y;

Soustraire

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

Exemple

let x = 5;
let y = 2;
let z = x - y;

multiplier

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

Exemple

let x = 5;
let y = 2;
let z = x * y;

Partage

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

Exemple

let x = 5;
let y = 2;
let z = x / y;

Reste

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

Exemple

let x = 5;
let y = 2;
let z = x % y;

En arithmétique, la division de deux nombres 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émentation

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

Exemple

let x = 5;
x++;
let z = x;

Décrémentation

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

Exemple

let x = 5;
x--;
let z = x;

Exponentiation

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

Exemple

let x = 5;
let z = x ** 2;          // result is 25

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

Exemple

let x = 5;
let z = Math.pow(x,2);   // result is 25

Priorité de l'opérateur

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

Exemple

let x = 100 + 50 * 3;

Le résultat de l'exemple ci-dessus est-il le même que 150 * 3, ou est-ce le même que 100 + 150 ?

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

Comme dans les mathématiques scolaires traditionnelles, la multiplication est effectuée en premier.

La multiplication ( *) et la division ( /) ont une priorité plus élevée que l'addition ( +) et la 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;

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;

Valeurs de priorité des opérateurs JavaScript

Les entrées en rouge pâle indiquent ECMAScript 2015 (ES6) ou supérieur.

Valeur Opérateur La description Exemple
21 ( ) Regroupement d'expressions (3 + 4)
       
20 . Membre nom d'une personne
20 [] Membre nom d'une personne"]
20 () Appel de fonction maFonction()
20 Nouveau Créer nouvelle date()
       
18 ++ Incrément de suffixe je++
18 -- Décrémentation de suffixe je--
       
17 ++ Incrément de préfixe ++i
17 -- Décrémentation du préfixe --je
17 ! Logique non !(x==y)
17 Type de Taper type de x
       
16 ** Exponentation (ES2016) 10 ** 2
       
15 * Multiplication 10 * 5
15 / Division 10 / 5
15 % Reste de la division 10 % 5
       
14 + Une addition 10 + 5
14 - Soustraction 10 - 5
       
13 << Décalage à gauche x << 2
13 >> Décalage à droite x >> 2
13 >>> Décalage à droite (non signé) x >>> 2
       
12 < Moins que x < y 
12 <= Inférieur ou égal x <= y
12 > Plus grand que x > y
12 >= Meilleur que ou égal x >= y
12 dans Propriété dans l'objet "PI" en mathématiques
12 exemple de Instance d'objet instance de tableau
       
11 == Égal x == y
11 === Égal strict x === y
11 != Inégal x != y
11 !== Inégalité stricte x !== y
       
dix & ET au niveau du bit x et y
9 ^ XOR au niveau du bit x ^ y
8 | OU au niveau du bit x | Oui
sept && ET logique x && y
6 || OU logique x || Oui
5 ?? Coalescence nulle X?? Oui
4 ? : État ? "Oui Non"
       
3 += Mission x += y
3 /= Mission x /= y
3 -= Mission x -= y
3 *= Mission x *= y
3 %= Mission x %= y
3 <<= Mission x <<= y
3 >>= Mission x >>= y
3 >>>= Mission x >>>= y
3 &= Mission x &= y
3 ^= Mission x ^= y
3 |= Mission x |= y
       
2 rendement Fonction pause rendement x
1 , Virgule 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

Exercer:

Divisez 10par 2, et alertez le résultat.

alert(10  2);