Javascript leçon 1 - Variables et opérations sur celles-ci

Je ne vais pas tourner autour du pot en décrivant tous les types de variables et toutes les opérations, ce n’est pas nécessaire pour nous. Notre objectif principal est d’assimiler la syntaxe de base de JavaScript afin de pouvoir ensuite passer à l’étude de jQuery, et ensuite vous pourrez améliorer vos connaissances et compétences en JavaScript. Si vous souhaitez étudier JavaScript sans vous intéresser au formidable framework JavaScript, alors vous devriez chercher un manuel plus complet sur JavaScript. Mais si vous voulez créer des sites sur Drupal et ensuite apprendre jQuery, alors nous sommes sur la même voie. Commençons donc.

Dans cette leçon, nous allons étudier les variables, leur utilité et comment les manipuler.

Variables — c’est un des concepts clés en programmation. Pour comprendre la programmation, il est essentiel de bien comprendre ce qu’est une variable, où et comment elle est stockée, et ce qui lui arrive lors de l’exécution du programme. Une variable est une grandeur dont la valeur change pendant l’exécution du code.

Variables — ce sont des données manipulées dans un programme qui ont un nom. Comme vous le savez, les données sont stockées et traitées dans la mémoire de l’ordinateur. Lors de l’exécution d’un programme, elles résident en mémoire vive (RAM), et lorsqu’on éteint l’ordinateur, elles sont sauvegardées en mémoire permanente. Lors de la création de programmes, on utilise différents types de données, c’est-à-dire différentes sortes de variables : nombres, caractères, texte, variables logiques, procédures, dates, etc., qui peuvent se subdiviser en différentes catégories. Par exemple, les données numériques peuvent être entières, à virgule flottante, etc. Selon le type de données, le programme, après déclaration des variables, alloue un certain nombre de cases mémoire pour stocker ces variables. Ces cases reçoivent les noms des variables, et y sont stockées les valeurs correspondantes. Elles peuvent être conservées jusqu’à la fin de l’exécution du programme, ou jusqu’à ce qu’une nouvelle valeur soit assignée à la variable. Le nom de la variable reste inchangé jusqu’à la fin du programme, tandis que sa valeur peut changer. En JavaScript, la valeur ainsi que le type de donnée d’une variable peuvent changer.

Les nouvelles variables sont déclarées (créées) et doivent toujours être déclarées avec l’opérateur var :

var x;

Cette instruction déclare la variable x. On peut aussi initialiser cette variable lors de sa déclaration :

var x = 10;

Notez qu’en JavaScript, chaque instruction se termine par un point-virgule (comme en C++ ou PHP). Ici, on assigne à la variable x la valeur 10. Notez aussi que les noms des variables doivent être écrits en alphabet latin, sans espaces, par exemple :

var myname; — correct

var my name; — incorrect

Le nom d’une variable ne peut pas commencer par un chiffre ou un autre symbole, mais peut contenir des chiffres, par exemple :

var name1; — correct

var name2; — correct

var test4me; — correct

var lesson2you; — correct

var 3money; — incorrect

Types de données (variables) en JavaScript

Pour l’instant, il suffit de connaître les types numériques et chaînes de caractères. Nous verrons plus tard les types logiques, tableaux, objets et autres. Dans ce cours, nous étudierons les types selon les besoins.

Variables numériques

La valeur d’une variable numérique est un nombre :

var y = 15;
alert(y);

Comme pour tous les nombres, on peut additionner, multiplier, diviser, soustraire :

// déclaration des variables
var x = 10;
var y = 5;
var z1, z2, z3, z4; // plusieurs variables peuvent être déclarées séparées par des virgules
// opérations sur les variables
z1 = x + y;
z2 = x * y;
z3 = x - y;
z4 = x / y;
// affichage des résultats
alert(z1);
alert(z2);
alert(z3);
alert(z4);

Variables chaînes de caractères

Les variables chaînes contiennent du texte. Notez que les chaînes sont encadrées par des guillemets :

var str = 'Bonjour à tous !';
alert(str);

Vous pouvez utiliser aussi bien des guillemets simples que doubles. Les chaînes peuvent aussi être concaténées avec le signe + :

var str1 = 'Bonjour';
var str2 = ', à tous';
alert(str1 + str2 + '!');

En JavaScript, on peut aussi convertir un type en un autre, par exemple :

var str = '11'; // variable chaîne
var num1 = 2;  // variable numérique
var num2;
var num3;
num2 = parseInt(str);
num3 = num1 + num2;
alert(num3); // affiche 13

Ici, on utilise la fonction parseInt() (nous parlerons des fonctions plus tard dans un sujet dédié) pour convertir une chaîne en nombre.