Facebook
Twitter
LinkedIn

Opérateurs d’affectation

Les opérateurs d’affectation permettent de remplir ou de modifier la valeur d’une variable.

Affectation par valeur

Pour remplir une variable on utilise le signe =. La variable est affecter à une valeur.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let nb = 2; // affecte la valeur 2 à la variable nb
let nb = 2; // affecte la valeur 2 à la variable nb
let nb = 2; // affecte la valeur 2 à la variable nb

Affectation après addition

Cela consite à faire une addition sur la même variable en utilisant le raccourci +=

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb += 3; // rajoute 3 à la variable nb - equivalent à nb = nb + 3
nb += 3; // rajoute 3 à la variable nb - equivalent à nb = nb + 3
nb += 3; // rajoute 3 à la variable nb - equivalent à nb = nb + 3

Affectation après soustraction

Cela consite à faire une soustraction sur la même variable en utilisant le raccourci -=

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb -= 3; // soustrait 3 à la variable nb - equivalent à nb = nb - 3
nb -= 3; // soustrait 3 à la variable nb - equivalent à nb = nb - 3
nb -= 3; // soustrait 3 à la variable nb - equivalent à nb = nb - 3

Affectation après division

Cela consite à faire une division sur la même variable en utilisant le raccourci /=

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb /= 3; // divise la variable nb par 3 - equivalent à nb = nb/3
nb /= 3; // divise la variable nb par 3 - equivalent à nb = nb/3
nb /= 3; // divise la variable nb par 3 - equivalent à nb = nb/3

Affectation après multiplication

Cela consite à faire une multiplication sur la même variable en utilisant le raccourci *=

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb *= 3; // multiplie la variable nb par 3 - equivalent à nb = nb*3
nb *= 3; // multiplie la variable nb par 3 - equivalent à nb = nb*3
nb *= 3; // multiplie la variable nb par 3 - equivalent à nb = nb*3

Affectation du reste

Cela consite à faire une division sur la même variable et de lui affecter le reste de la division en utilisant le raccourci %=

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb %= 3; // la variable recupère le reste de la division par 3 - equivalent à nb = nb%3
nb %= 3; // la variable recupère le reste de la division par 3 - equivalent à nb = nb%3
nb %= 3; // la variable recupère le reste de la division par 3 - equivalent à nb = nb%3

Incrémentation

Cela consite à ajouter 1 sur la même variable en utilisant le raccourci ++

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb++; // la variable est augmentée de 1 - equivalent à nb = nb+1;
nb++; // la variable est augmentée de 1 - equivalent à nb = nb+1;
nb++; // la variable est augmentée de 1 - equivalent à nb = nb+1;

Incrémentation et affichage

Il est possible d’utiliser la syntaxe ++ avant ou après la variable

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
/* nb vaut 2 à la base */
alert(nb++); // affiche 2 et non pas 3 - en effet on affiche la valeur de nb avant de l'avoir augmenté;
alert(++nb); // affiche 3 - en effet on affiche la valeur de nb après l'avoir augmentée;
/* nb vaut 2 à la base */ alert(nb++); // affiche 2 et non pas 3 - en effet on affiche la valeur de nb avant de l'avoir augmenté; alert(++nb); // affiche 3 - en effet on affiche la valeur de nb après l'avoir augmentée;
/* nb vaut 2 à la base */
alert(nb++); // affiche 2 et non pas 3 - en effet on affiche la valeur de nb avant de l'avoir augmenté;
alert(++nb); // affiche 3 - en effet on affiche la valeur de nb après l'avoir augmentée;

Décrémentation

Cela consite à soustraire 1 sur la même variable en utilisant le raccourci 

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
nb--; // la variable est augmentée de 1 - equivalent à nb = nb-1;
nb--; // la variable est augmentée de 1 - equivalent à nb = nb-1;
nb--; // la variable est augmentée de 1 - equivalent à nb = nb-1;

Décrémentation et affichage

Comme pour l’incrémentation, il est possible d’utiliser la syntaxe  avant ou après la variable.

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
/* nb vaut 2 à la base */
alert(nb--); // affiche 2 et non pas 1 - en effet on affiche la valeur de nb avant de l'avoir diminué;
alert(--nb); // affiche 1 - en effet on affiche la valeur de nb après l'avoir diminué;
/* nb vaut 2 à la base */ alert(nb--); // affiche 2 et non pas 1 - en effet on affiche la valeur de nb avant de l'avoir diminué; alert(--nb); // affiche 1 - en effet on affiche la valeur de nb après l'avoir diminué;
/* nb vaut 2 à la base */
alert(nb--); // affiche 2 et non pas 1 - en effet on affiche la valeur de nb avant de l'avoir diminué;
alert(--nb); // affiche 1 - en effet on affiche la valeur de nb après l'avoir diminué;

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »