Derniers tutoriels de développement web
 

JavaScript Arithmétique


Une chose typique à faire avec des nombres est arithmétique.


Opérateurs arithmétiques JavaScript

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

Opérateur La description
+ Une addition
- Soustraction
* Multiplication
/ Division
% Modulus
++ Incrément
-- décroissance

Opérations arithmétiques

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

Les deux numéros peuvent être littéraux:

Exemple

var x = 100 + 50;
Essayez - le vous - même »

ou variables:

Exemple

var x = a + b;
Essayez - le vous - même »

ou expressions:

Exemple

var x = (100 + 50) * a;
Essayez - le vous - même »

Opérateurs et opérandes

Les chiffres (dans une opération arithmétique) sont appelées opérandes.

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

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

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

Ajouter

var x = 5;
var y = 2;
var z = x + y;
Essayez - le vous - même »

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

Soustraire

var x = 5;
var y = 2;
var z = x - y;
Essayez - le vous - même »

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

multipliant

var x = 5;
var y = 2;
var z = x * y;
Essayez - le vous - même »

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

Partage

var x = 5;
var y = 2;
var z = x / y;
Essayez - le vous - même »

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

Modulus

var x = 5;
var y = 2;
var z = x % y;
Essayez - le vous - même »

L'opérateur d'incrémentation (++) incrémente numéros.

incrémentation

var x = 5;
x++;
var z = x;
Essayez - le vous - même »

L'opérateur de décrémentation (--) décrémente numéros.

Décrémenter

var x = 5;
x--;
var z = x;
Essayez - le vous - même »

Préséance 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

var x = 100 + 50 * 3;
Essayez - le vous - même »

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

Est l'addition ou la multiplication fait en premier?

Comme en mathématiques des écoles traditionnelles, la multiplication se fait en premier.

Multiplication (*) et de 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é en utilisant des parenthèses:

Exemple

var x = (100 + 50) * 3;
Essayez - le vous - même »

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), ils sont calculés à partir de gauche à droite:

Exemple

var x = 100 + 50 - 3;
Essayez - le vous - même »

JavaScript Opérateur précédence Valeurs

Valeur Opérateur La description Exemple
19( ) expression groupement (3 + 4)
   
18. Membre person.name
18[] Membre person["name"]
   
17() appel de fonction myFunction()
17new Créer new Date()
   
16++ Postfix Increment i++
16-- Postfix Decrement i--
   
15++ Prefix Increment ++i
15-- Prefix Decrement --i
15! logique non !(x==y)
15typeof Type typeof x
   
14* Multiplication 10 * 5
14/ Division 10 / 5
14% division Modulo 10 % 5
14** Exponentiation 10 ** 2
   
13+ Une addition 10 + 5
13- Soustraction 10 - 5
   
12<< Maj gauche x << 2
12>> Maj droite x >> 2
   
11< Moins que x < y 
11<= Inférieur ou égal x <= y
11> Plus grand que x > y
11>= Meilleur que ou égal x >= y
   
10== Égal x == y
10=== Strict égale x === y
10!= Inégal x != y
10!== Strict inégale x !== y
   
6&& Et x && y
5|| Ou x || y
   
3= Affectation x = y
3+= Affectation x += y
3-= Affectation x -= y
3*= Affectation x *= y
3/= Affectation x /= y

entrées rouge indique la technologie expérimentale ou proposée (ECMASScript 2016 ES7)

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


Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 »