LADAPT Rhône-Métropole de Lyon - Prépa Num. - Parcours Découverte Javascript

Opérations sur les variables en JavaScript

Il existe de nombreux opérateur en JavaScript nous allons voir ici une partie de ces opérateurs

Les opérateurs mathématiques

De nombreux opérateurs nous sont connus de l’école. Ce sont les additions +, multiplications *, soustractions -, divisions / etc. Les opérations mathématiques suivantes sont supportées en javascript:

• Addition +,
• Soustraction -,
• Multiplication *,
• Division /,
• Reste %,
• Exponentiation **. Les quatre premières sont assez simples, tandis que % et ** nécéssitent quelques explications.

Reste % (Modulo)

L’opérateur reste %, malgré son apparence, n’est pas lié aux pourcentages.

Le résultat de a % b est le reste de la division entière de a par b.

Par exemple:

5 % 2 // 1, le reste de 5 divisé par 2
8 % 3 // 2, le reste de 8 divisé par 3

Pour tester l'exemple, vous pouvez utiliser la console JavaScript de votre navigateur. Pour ouvrir la console, appuyez sur les touches Ctrl + Maj + J (sous Windows) ou Cmd + Opt + J (sous Mac). Vous pouvez alors saisir votre code et appuyer sur Entrée pour l'exécuter.

Exponentiation **

L’opérateur d’exponentiation a ** b multiplie a par lui-même b fois. En mathématiques à l’école, nous écrivons cela ab.

Par exemple:

2 ** 2; // 2² = 4
2 ** 3; // 2³ = 8
2 ** 4; // 2⁴ = 16

Mathématiquement, l’exponentiation est également définie pour les nombres non entiers.

Par exemple, une racine carrée est une exponentiation de ½ :

4 ** (1/2); // 2 (la puissance de 1/2 équivaut à une racine carrée)
8 ** (1/3); // 2 (la puissance de 1/3 équivaut à une racine cubique)

Pour tester l'exemple, vous pouvez utiliser la console JavaScript de votre navigateur. Pour ouvrir la console, appuyez sur les touches Ctrl + Maj + J (sous Windows) ou Cmd + Opt + J (sous Mac). Vous pouvez alors saisir votre code et appuyer sur Entrée pour l'exécuter.

Concaténation de chaînes de caractères +

Découvrons les fonctionnalités des opérateurs JavaScript qui vont au-delà de l’arithmétique scolaire.

Habituellement, l’opérateur + additionne des chiffres.

Mais si le binaire + est appliqué aux chaînes de caractères, il les fusionne (concatène) :

let s = "ma" + "chaine de caractères";
console.log(s); // ma chaine de caractères

Remarque : si l’un des opérandes est une chaîne de caractères, l’autre est automatiquement converti en chaîne de caractères.

Pour tester l'exemple, vous pouvez utiliser la console JavaScript de votre navigateur. Pour ouvrir la console, appuyez sur les touches Ctrl + Maj + J (sous Windows) ou Cmd + Opt + J (sous Mac). Vous pouvez alors saisir votre code et appuyer sur Entrée pour l'exécuter.

Par exemple :

console.log( '1' + 2 ); // "12"
console.log( 2 + '1' ); // "21"

Peu importe que le premier opérande soit une chaîne de caractères ou le second. La règle est simple : si l’un des opérandes est une chaîne de caractères, convertissez l’autre également en une chaîne de caractères.

Cependant, notez que les opérations se déroulent de gauche à droite. S’il y a deux nombres suivis d’une chaîne, les nombres seront ajoutés avant d’être convertis en chaîne :

console.log(2 + 2 + '1' ); // "41" et non "221"

Ici, les opérateurs travaillent les uns après les autres. Le premier + additionne deux nombres, donc il renvoie 4, puis le + suivant ajoute la chaîne de caractères 1, donc c’est comme 4 + '1' = 41.

console.log('1' + 2 + 2); // "122" and not "14"

Ici, le premier opérande est une chaîne de caractères, le compilateur traite également les deux autres opérandes comme des chaînes de caractères. Le 2 est concaténé à '1', donc c’est comme '1'+ 2 = "12" et "12" + 2 = "122".

Le + est le seul opérateur qui prend en charge les chaînes de caractères de cette manière. D’autres opérateurs arithmétiques ne fonctionnent qu’avec des nombres et convertissent toujours leurs opérandes en nombres.

Voici l’exemple pour la soustraction et la division:

console.log( 6 - '2' ); // 4, convertit '2' en nombre
console.log( '6' / '2' ); // 3, convertit les deux opérandes en nombre

Modification sur place

Nous avons souvent besoin d’appliquer un opérateur à une variable et d’y stocker le nouveau résultat.

Par exemple : je veux ajouter 5 à n puis le multiplier par 2

let n = 2;
console.log(n); // affiche 2
n = n + 5;
console.log(n); // affiche 7
n = n * 2;
console.log(n); // affiche 14

Cette notation peut être raccourcie en utilisant les opérateurs += et *= :

let n = 2;
n += 5; // maintenant n = 7 (identique à n = n + 5)
n *= 2; // maintenant n = 14 (identique à n = n * 2)
console.log(n); // 14

Pour tester l'exemple, vous pouvez utiliser la console JavaScript de votre navigateur. Pour ouvrir la console, appuyez sur les touches Ctrl + Maj + J (sous Windows) ou Cmd + Opt + J (sous Mac). Vous pouvez alors saisir votre code et appuyer sur Entrée pour l'exécuter.

Il existe des opérateurs de “modification et assignation” courts pour tous les opérateurs arithmétiques et binaires: /=, -= etc.

Ces opérateurs ont la même précédence qu’une affectation normale. Ils s’exécutent donc après la plupart des autres calculs :

let n = 2;
n *= 3 + 5; //lapartie de droite est évaluée en premier (3 + 5 = 8) puis n est multiplié par (n *= 8);
console.log( n ); // 16

Incrémentation / décrémentation

L’augmentation ou la diminution d’un nombre par 1 compte parmi les opérations numériques les plus courantes.

Il y a donc des opérateurs spéciaux pour cela :

Incrémentation ++ augmente une variable de 1 :

let i = 2;
i++;      // fonctionne de la même manière que i = i + 1, mais c'est plus court
console.log( i ); // 3

Décrémentation -- diminue une variable de 1 :

let j = 2;
j--;      // fonctionne de la même manière que j = j - 1, mais c'est plus court
console.log( j ); // 1

Exercice

Opérations sur les variables dans l'exercice ci-dessous, vous devez realiser les opérations suivantes dans l'ordre :

• Appliquez à num l'opérateur d'incrémentation
• Concaténez à la chaîne str la chaîne " est la réponse à la grande question sur la vie, l’univers et le reste."
• Inversez la valeur logique de bool
• Ajoutez à flt la valeur contenue dans num

let num = 42;
let str = "42";
let bool = true;
let flt = 0.42;
//compléter le code ci-dessous
num++; //Application à num l'opérateur d'incrémentation
str += " est la réponse à la grande question sur la vie, l’univers et le reste."; //Concaténation d'un chaine à la chaine str
bool = !bool; //Inversion de la valeur logique de bool
flt += num; // Ajout à flt de la valeur contenue dans num