Arithmétique JavaScript

La situation typique de traitement des nombres est l'arithmétique.

Opérateurs arithmétiques JavaScript

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

operator description
+ Addition
- Soustraction
* Multiplication
** Puissance (ES2016）
/ Division
% Coefficient
++ Augmentation
-- Décrémentation

Opérateurs arithmétiques

Les opérations arithmétiques typiques manipulent deux nombres.

Ces deux nombres peuvent être des valeurs littérales :

instance

var x = 7 + 8;

try it yourself

ou variable :

instance

var x = a + b;

try it yourself

ou expression :

instance

var x = (7 + 8) * a;

try it yourself

Opérateurs et opérandes

Dans les opérations arithmétiques, un nombre est appeléOpérande.

Les opérations (entre deux opérandes) exécutées paroperatorDéfinition.

Opérande operator Opérande
7 + 8

Addition

AdditionL'opérateur (+）Addend :

var x = 7;
var y = 8;
var z = x + y;

try it yourself

Soustraction

SoustractionL'opérateur (-）Moyen de soustraction.

var x = 7;
var y = 8;
var z = x - y;

try it yourself

Multiplication

MultiplicationL'opérateur (*）Multiplicateur.

var x = 7;
var y = 8;
var z = x * y;

try it yourself

Division

DivisionL'opérateur (/）Diviseur.

var x = 7;
var y = 2;
var z = x / y;

try it yourself

Coefficient

CoefficientL'opérateur (%）Retourner le reste de la division.

var x = 7;
var y = 2;
var z = x % y;

try it yourself

Remarque :Dans les opérations arithmétiques, la division de deux entiers produit un quotient et un reste.

Remarque :En mathématiques, le résultat de l'opération de module est le reste de la division arithmétique.

Augmentation

AugmentationL'opérateur (++）Augmenter la valeur numérique.

var x = 7;
x++;
var z = x;

try it yourself

Décrémentation

DécrémentationL'opérateur (--）Réduire la valeur numérique.

var x = 7;
x--;
var z = x;

try it yourself

Puissance

L'opérateur de puissance (**) élève le premier opérande à la puissance du second opérande.

instance

var x = 5;
var z = x ** 2;          // Le résultat est 25

try it yourself

The result of x ** y is the same as Math.pow(x,y):

instance

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

try it yourself

Operator precedence

Operator precedence (Operator precedence) describes the order of operations performed in arithmetic expressions.

instance

var x = 200 + 50 * 2;

try it yourself

What is the result of 250 * 2 or 200 + 100 in the previous example?

Is addition or multiplication preferred?

In traditional school mathematics, multiplication has precedence.

multiplication（*）and division（%）and addition（+）and subtraction（-）has a higherprecedence.

At the same time, (just like in school mathematics) you can change the precedence by using parentheses:

instance

var x = (200 + 50) * 2;

try it yourself

When using parentheses, the operators within the parentheses are calculated first.

When multiple operators have the same precedence (such as addition and subtraction), their calculations are performed from left to right:

instance

var x = 200 + 50 - 2;

try it yourself

JavaScript operator precedence values

value operator description instance
20 ( ) expression grouping (3 + 4)
　 　 　 　
19 . member person.name
19 [] member person["name"]
19 () function call myFunction()
19 new create new Date()
　 　 　 　
17 ++ postfix increment i++
17 -- postfix decrement i--
　 　 　 　
16 ++ prefix increment ++i
16 -- prefix decrement --i
16 ! Négation logique !(x==y)
16 typeof type typeof x
　 　 　 　
15 ** power (ES7) 10 ** 2
　 　 　 　
14 * multiply 10 * 5
14 / divide 10 / 5
14 % modulus division 10 % 5
　 　 　 　
13 + add 10 + 5
13 - subtract 10 - 5
　 　 　 　
12 << left shift x << 2
12 >> right shift x >> 2
12 >>> right shift (unsigned) x >>> 2
　 　 　 　
11 < less than x < y
11 <= less than or equal x <= y
11 > greater than x > y
11 >= greater than or equal x >= y
11 in property in object "PI" in Math
11 instanceof instance of object instanceof Array
　 　 　 　
10 == equal x == y
10 === strictly equal x === y
10 != Inégalité x != y
10 !== Inégalité stricte x !== y
　 　 　 　
9 & ET binaire x & y
8 ^ XOR binaire x ^ y
7 | OU binaire x | y
6 && Et logique x && y
5 || Négation logique x || y
4 ? : Condition ? "Oui" : "Non"
　 　 　 　
3 = Affectation x = y
3 += Affectation x += y
3 -= Affectation x -= y
3 *= Affectation x *= y
3 %= Affectation x %= y
3 <<= Affectation x <<= y
3 >>= Affectation x >>= y
3 >>>= Affectation x >>>= y
3 &= Affectation x &= y
3 ^= Affectation x ^= y
3 |= Affectation x |= y
　 　 　 　
2 yield Fonction暂停 yield x
1 , Virgule 7 , 8

Attention :Rouge pâle indique des techniques expérimentales ou recommandées (ECMASScript 2016 ou ES7)

Avis :L'expression dans les parenthèses est complètement calculée avant d'être utilisée dans le reste de l'expression.