Liens sponsorisés
 
Les bases de la programmation - Partie 1
par sky , le Dimanche 01 août 2004
2.4 Les variables


Commencons par le commencement, les variables. Une variable permet de stocker une valeur. On utilisera cette variable en attribuant une valeur ou en la récupérant à un ou plusieurs endroit du programme. Une variable est notée sur un seul mot et ne peut comporter que des lettres, des chiffres ainsi que quelques caractères spéciaux comme l'underscore "_" ( évitez donc les caractères accentués ).

Pour déclarer une variable, on a deux solutions :
La déclarer en temps que "locale", c'est à dire qu'elle ne sera accessible qu'à partir du niveau ou elle a été déclaré.
La declarer en temps que "globale", c'est à dire qu'elle est accessible depuis tout le programme.
Pour l'instant ce concept de "locale" et de "globale" n'est pas très important.

Pour afficher les résultats des exemples suivants nous utiliserons la fonction "alert" qui affiche un message d'alerte avec le contenu que l'on veut. Cette fonction est donc idéale pour voir le contenu de nos variables.

// je declare et j attribue la valeur 1 a la variable ma_variable
var ma_variable = 1;
// j affiche le contenu de la variable ma_variable
alert ( ma_variable );
Autant que possible, encore une fois pour plus de clarté, essayez de mettre un nom de variable explicite.
// j attribue les valeurs necessaires dans mes variables
var nombre1 = 3;
var nombre2 = 7;
var somme = 10;
// les 3 alertes se lancent successivement
alert ( nombre1 );
alert ( nombre2 );
alert ( somme );
Une variable peut contenir autre chose que des nombres. Elle peut stocker des textes, des listes de valeur et bien d'autres types de valeurs.
// j attribue une valeur texte a ma variable
var mon_texte = 'toto va a la plage';
alert ( mon_texte );
// j attribue une liste de valeurs numerique a ma variable
var ma_liste_de_nombres = [ 1, 2, 3, 4 ];
alert ( ma_liste_de_nombres );
// j attribue une liste de valeurs texte a ma variable
var ma_liste_de_textes = [ 'mon texte 1', 'mon texte 2', 'mon texte 3' ];
alert ( ma_liste_de_textes );
L'utilisation et l'attribution des variables peuvent être combinées.
// j attribue des valeurs a mes deux variables
var nombre1 = 1;
var nombre2 = 2;
// j attribue la valeur de nombre1 a nombre2
nombre2 = nombre1;
/* j affiche les resultats
maintenant la valeur de nombre1 est 1 ainsi que la valeur de nombre2
l'ancienne valeur de nombre2 est definitivement perdue.
*/

alert ( nombre1 );
alert ( nombre2 );
Une variable doit toujours être initialisée avant d'être utilisée, sinon le programme va planter et s'arrêter.
/* je n attribue pas de valeur a nombre3 et je tente de mettre la valeur de nombre3 dans nombre4 */
var nombre4 = nombre3;
Ou encore :
//j affiche la variable toto qui n existe pas
alert ( toto );

/* attention dans ce cas a ne pas confondre avec alert("toto") qui affiche bien le contenu toto mais pas la variable du meme nom */

Avec comme résultat :

Console Firefox

Javascript a l'avantage ( pour les débutants ) de ne pas être typé (numérique, texte, liste, ... ) . Une variable n'est pas définie avec son type, on insère directement une valeur. De plus le type peut changer au fil de l'exécution du programme.

// j attribue une valeur numerique a l une des variables et une valeur texte à l autre
var ma_variable1 = 2;
var ma_variable2 = 'toto';

// j attribue la valeur de la premiere variable a la seconde
ma_variable2 = ma_variable1;

// j affiche les resultats, ma_variable2 est etait un nombre et est devenu un texte.
alert ( ma_variable1 );
alert ( ma_variable2 );
 
Powered by CaMykS