Les variables et opérateurs

Formation Soyez un druide du JavaScript !

Tutorial Thumbnail

Voyons maintenant la base de l'algorithmique et introduisons ensemble la déclaration de variables et de constantes au sein d'un programme en JavaScript.


Les variables

En JavaScript les variables peuvent être déclarées de deux manières différentes :


Déclaration

Il est possible de déclarer une variable avec l'instruction let :

let x;         // Une variable de contenant aucune valeur.
let y = 5;     // Une autre variable contenant une valeur.
Avec let la portée des variables est au niveau du bloc.


Il est possible également d'effectuer une déclaration avec var :

var x;        // Une variable de contenant aucune valeur .
var y = 5;    // Une autre variable contenant une valeur.
Avec var la portée des variables est au niveau de la fonction.


Il existe en plus la possibilité de déclarer une variable en lecture seule (ou constante nommée) avec const :

const pi = 3.1416;     /// Déclaration d'une variable contenant une valeur.
Comme avec var, les variables déclarées avec const ont une portée au niveau de la fonction.


Les types de variable

Les variables JavaScript n'ont pas de type défini à la conception (typage à l’exécution) contrairement au C++ par exemple :

  • Nombre (type Number) : entiers ou réels
let age = 10;
let taille = 1.5;


  • Chaîne de caractères (type String) :
let texte = 'Avion';
let texte2 = "Voiture";


  • Booléen (type Boolean) :
let estActif = true;
let estPair = false;
Une variable déclarée sans valeur initiale vaudra alors undefined.


Noms de variables

JavaScript est sensible à la casse, il fait une différence entre les majuscules et les minuscules, comme la plupart des langages tels que le PHP ou le C++.


Les variables "lastName" et "lastname" sont deux variables différentes.
let lastName = 'Dupond';
let lastname = 'Durand';


Standard de nommage :

  • Les noms d’objets commencent par une majuscule.
  • Les noms des fonctions et des variables commencent par une minuscule.


Les opérateurs

Les opérateurs arithmétiques en Javascript permettent d’effectuer toutes sortes d’opérations mathématiques entre les valeurs de type Number contenues dans différentes variables.


Les opérateurs arithmétiques

On retrouve les opérateurs suivants :

  • l'addition : +
  • la soustraction : -
  • la multiplication : *
  • la division : /
  • le modulo (reste de la division euclidienne) : %


On peut y ajouter :

  • l'opérateur d'incrémentation : ++
  • l'opérateur de décrémentation : --

Quelques exemples d'instructions de calcul :

// Déclaration des variables de type Number
let x = 5;
let y = 23;
let z = 2.36;

// Instructions de calcul
let somme = x + y;        // Addition
let diff = y – z;         // Soustraction
let prod = x * z;         // Multiplication
let div = z / x;          // Division
let mod = y % x ;         // Modulo
x++;                      // Incrémentation de x
y--;                      // Décrémentation de y
L'opérateur modulo ne s'utilise que sur les nombres entiers Contrairement au C++, la division entre deux entiers ne donne pas forcément la valeur entière du quotient.


Les opérateurs d'incrémentation et de décrémentation peuvent être utilisés de deux manières différentes :

  • En post-incrémentation (ou post-décrémentation) : x++; la valeur de la variable est utilisée pour effectuer le calcul puis est incrémentée
let x = 5, y = 2;
y = x++;                 // y = 5 et x = 6


  • En pré-incrémentation (ou pré-décrémentation) : ++x; la valeur de la variable est d'abord incrémentée puis utilisée pour effectuer le calcul
let x = 5, y = 2;
y = ++x;                 // y = 6 et x = 6


Les opérateurs d'assignation

Les opérateurs d'assignation permettent de fixer la valeur d'une variable, à la base on utilise l'opérateur = Il existe également d'autres opérateurs qui permettent de combiner une assignation avec une autre opération :



Les opérateurs de comparaison

Les opérateurs de comparaison sont utilisés pour effectuer des tests, le résultat renvoyé par ces opérateurs est toujours un booléen qui vaut true ou false :



En Javascript, les opérateurs == et != testent uniquement les valeurs mais pas si les types de données sont les mêmes. Il existe des versions strictes (=== et !==) pour ces deux opérateurs qui testent à la fois les valeurs et les types de données.

Il existe également des opérateurs qui permettent de combiner plusieurs expressions de comparaison entre elles :


Niveau Débutant

Technologie utilisée :

Proposer une modification
Antoine
Par Antoine
Rédigé le Mardi 11 Octobre 2022