Retour au portfolio

JavaSript

Les opérateurs :

Un opérateur est un symbole qui permet d’effectuer des actions sur des variables ou des valeurs, ces actions peuvent être des opérations mathématiques, ou encore des comparaisons entre valeurs.

Opérateur avec des nombres :

Déclarons deux variables

let num1 = 5;
let num2 = 2;

Pour calculer le résultat de ces deux variables, on créer une nouvelle variable qui sera le résultat additionné des variables num1 et num2 :

let sum = num1 + num2;
console.log(sum) // "sum" affiche le résultat de la valeur "num1" et "num2" additionné, c'est-à-dire "7"

Maintenant, on va se servir des variables num1 et num2 pour une soustraction :

let sub = num1 - num2; 
console.log(sub); // "sub" affiche le résultat de la valeur "num1" et "num2" soustrait, c'est-à-dire "3"

La même chose pour une multiplication :

let mult = num1 * num2;
console.log(mult); // "mult" affiche le résultat de la valeur "num1" et "num2" multiplié, c'est-à-dire "10"

Ici pour une division :

let div = num1 / num2;
console.log(div); // "div" affiche le résultat de la valeur "num1" et "num2" divisé, c'est-à-dire "2.5"

Et ici pour le modulo :

let modu = num1 % num2;
console.log(modu); // "modu" affiche le reste de la division de "num1" et "num2" , c'est-à-dire "1"

Vous pouvez aussi additionner différemment, vous avez votre "num3" et vous voulez lui rajouter une valeur de 10, vous pouvez aussi le faire de cette façon :

let num3 = 5;
num3 = num3 + 10;
console.log(num3); // "num3" affiche 15

On peut même l'écrire plus simplement :

let num4 = 5;
num4 += 10;
console.log(num4); // "num4" affiche 15

Lorsqu’on utilise (+=) on additionne la valeur à droite du signe égal (=) à notre variable.
Les variantes pour les autres opérations mathématiques existent également, on aura donc (-=) pour une soustraction, (*=) pour une multiplication et (/=) pour une division.

L'incrémentation :

L'incrémentation sert à ajouter (+1) à une valeur et son contraire la décrémentation sert à soustraire (-1) à une valeur.
Il existe deux manières d'utiliser l'incrémentation et la décrémentation en fonction de la position de l'opérateur, on peut le placer après la variable, ce qu'on appelle en suffixe, mais il peut aussi se placer avant, ce qu'on appelle en préfixe.
On verra qu'en' fonction de son positionnement, il n'aura pas le même comportement.

Exemple avec l'incémentation après la variable "number1" :

let number1 = 0;
console.log(number1++); // aura pour valeur "0", la variable est incrémentée après avoir été affichée

Exemple avec l'incémentation avant la variable "number2" :

let number2 = 0;
console.log(++number2); // aura pour valeur "1", la variable est incrémentée avant d'être affichée

Autre exemple :

let a = 5;
let b = a++;
console.log(a); // affiche 6
console.log(b); // affiche 5
                
let c = 5;
let d = ++c;
console.log(c); // affiche 6
console.log(d); // affiche 6

En résumé, l'emplacement de ++ défini l'ordre d'affectation et d'incrémentation.

Opérateur avec des chaines de caractères :

Si on utilise l’opérateur (+) entre deux chaînes de caractères, il n'a plus le rôle d'un opérateur d'addition, mais de "concaténation", la concaténation est le fait de mettre bout à bout deux chaînes de caractères.
On utilise cette opération quand la chaîne de caractères que l’on souhaite stocker dans une variable est dans plusieurs variables différentes.

Exemple :

let text1 = "je suis le premier texte";
let text2 = ", et moi le deuxième.";
let resultText = text1 + text2;
console.log(resultText); // resultText affiche je suis le premier texte, et moi le deuxième.

Comme pour les chiffres, vous pouvez également utiliser l’opérateur (+=):

let text3= "je suis le premier texte";
text3 += ", et moi le deuxième.";
console.log(text3); // "text3" affiche je suis le premier texte, et moi le deuxième.

On va voir différentes façons de concaténer plusieurs variables dans une même phrase, on commence par créer les variables :

const firstName = "john";
const lastName = "Doe";
let age = 25;

Méthode avec guillemets doubles ou appelés aussi apostrophes doubles

console.log("Bonjour, je m'appelle " + firstName + " " + lastName + " et j'ai " + age + " ans.");

Méthode avec guillemets simples ou appelés apostrophe simple, il faudra échapper les apostrophes :

console.log('Bonjour, je m\'appelle ' + firstName + ' ' + lastName + ' et j\'ai ' + age + ' ans.');

Autre méthode "l’interpolation".

L’interpolation consiste à entourer la chaîne de caractères avec des backticks (en début et fin de phrase) qui se trouvent sur la combinaison de touche "altGr + touche 7", on n'a plus besoin d'utiliser les guillemets, ni besoin d'échapper, ainsi, quand nous voulons insérer une variable, il suffit de l’entourer avec ${}.

Exemple :

console.log(`Bonjour, je m'appelle ${firstName} ${lastName} et j'ai ${age} ans.`);

Ces différentes méthodes afficheront la même chose, vous pouvez le constater dans la console.

~~ Fin ~~