Javascript, les bases - 4/x - Les variables

  • Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.

Menerv

Administrateur
Administrateur
22 Mars 2018
11
3
3
#1
banner.jpg

Dans le cours précédent, nous avons vu comment mettre en place l'architecture de notre page pour y implémenter du code Javascript.

Maintenant nous entrons dans le vif du sujet avec une notion fondamentale : Les variables


VARIABLES : UNE HISTOIRE DE MÉMOIRE

Dans nos programmes Javascript, nous aurons besoin de manipuler des données. Ces données pourront être modifiées par notre code au cours de son exécution. Pour cela, nous allons avoir besoin de stocker des informations que nous pourrons lire et modifier autant de fois que nécessaire. C'est exactement le rôle des variables !
Les variables sont en faite des allocations de mémoire. Lorsque nous déclarerons une variable, le programme va demander au Système d'Exploitation (Linux, Windows, etc...) de nous allouer une case dans la mémoire RAM de l'ordinateur (celui qui exécute le code).
Une variable à trois principales caractéristiques :
  • Un nom : il sera attribué à la création de la variable et permettra de la manipuler
  • Un type : il sert à indiquer quel type d'information nous allons stocker dans la variable (nous y revenons un peu plus loin dans le cours)
  • Une valeur : c'est tout simplement l'information que nous stockons dans la variable


CRÉATION DE VARIABLE

La création de variables s'effectue de la manière suivante :
JavaScript:
var maVariable;
C'est le mot clé var qui permet d'indiquer ici que nous créons une variable qui a pour nom maVariable.
Par convention, le nom d'une variable doit commencer par une lettre minuscule et, si le nom est constitué de plusieurs mots, ceux-ci doivent être collés et chaque début de mot (hormis le premier) doit avoir sa première lettre écrite en majuscule.


AFFECTATION & MODIFICATION DE VALEUR

Nous avons créé une variable, c'est bien, mais si nous regardons ce qu'elle contient :
JavaScript:
// Création de notre variable
var maVariable;

// On affiche le contenu de notre variable dans la console comme vu au cours n°2
console.log(maVariable);
Cela nous affiche dans la console undefined. Cela veut dire que notre variable ne contient aucune valeur !
Pour affecter une valeur à notre variable, il faut procéder comme ça :
JavaScript:
maVariable = 12;
Ici nous affectons le nombre 12 à la variable maVariable.
Mais nous pouvons gagner une ligne en affectant directement la valeur à la variable dès sa création :
JavaScript:
var maVariable = 12;
Pour modifier une valeur de variable, c'est exactement la même chose qu'une affectation de valeur, en faite modifier une valeur c'est simplement affecter une nouvelle valeur :
JavaScript:
// Création de notre variable avec affectation de la valeur 12
var maVariable = 12;

// Affiche 12 dans la console
console.log(maVariable);

// Affectation de la valeur 23 à notre variable
maVariable = 23;

// Affiche 23 dans la console
console.log(maVariable);

QUELQUES TYPES DE VARIABLE

Jusqu'ici nous avons vu un type de variable, le type qui permet de stocker un entier numérique (un nombre sans virgule). Mais il existe beaucoup de types de variables qui fonctionnent différemment, dont voici les principales :

Type

Syntaxe

Explication

Integer

JavaScript:
var maVariable = 12;

La valeur stockée est un entier numérique (un nombre sans virgule)

Float

JavaScript:
var maVariable = 1.234;

La valeur stockée est un nombre flottant (un nombre à virgule)

String

JavaScript:
var maVariable = "coucou";
Ou encore :
JavaScript:
var maVariable = 'coucou';
Ou même :
JavaScript:
var maVariable = "12";

La valeur stockée est une chaîne de caractère.
Il est possible d'utiliser soit le ' ou ".
A noter qu'un nombre entouré des guillemets est considéré comme un String et non pas un Integer !

Astuce : il est possible d'échapper une guillemet pour l'intégrer dans un String avec le caractère \ (lui même échappable comme ceci : var maVariable = "C:\\Windows\\System32\\"; ) : var maVariable = 'Il m\'a dit qu\'on pouvait !'; (fonctionne avec les deux types de guillemets)


Il en existe plein d'autres que nous verrons plus tard car ils nécessitent leur chapitres !

Vous le verrez dans les prochains chapitres, la puissance et l’intérêt des variables c'est la possibilité de les tester et d'effectuer tout type d'opération avec.

Dans le prochain chapitre, nous verrons les opérateurs et les opérations.