Les variables JavaScript sont des conteneurs pour stocker des valeurs de données.
Dans cet exemple, x, yet z, sont des variables:
Exemple
var x = 5;
var y = 6;
var z = x + y;
Dans l’exemple ci-dessus, vous pouvez vous attendre:
- x stocke la valeur 5
- y stocke la valeur 6
- z stocke la valeur 11
Tout comme l’algèbre
Dans cet exemple, price1, price2et total, sont des variables:
Exemple
var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Essayez-le vous-même
En programmation, tout comme en algèbre, nous utilisons des variables (comme price1) pour contenir des valeurs.
En programmation, tout comme en algèbre, nous utilisons des variables dans les expressions (total = prix1 + prix2).
Dans l’exemple ci-dessus, vous pouvez calculer le total à 11.
Les variables JavaScript sont des conteneurs pour stocker des valeurs de données.
Identifiants JavaScript
Toutes les variables JavaScript doivent être identifiées avec des noms uniques .
Ces noms uniques sont appelés identifiants .
Les identificateurs peuvent être des noms courts (comme x et y) ou des noms plus descriptifs (age, sum, totalVolume).
Les règles générales de construction des noms de variables (identifiants uniques) sont les suivantes:
- Les noms peuvent contenir des lettres, des chiffres, des traits de soulignement et des signes dollar.
- Les noms doivent commencer par une lettre
- Les noms peuvent également commencer par $ et _ (mais nous ne les utiliserons pas dans ce didacticiel)
- Les noms sont sensibles à la casse (y et Y sont des variables différentes)
- Les mots réservés (comme les mots clés JavaScript) ne peuvent pas être utilisés comme noms
Les identifiants JavaScript sont sensibles à la casse.
L’opérateur d’affectation
En JavaScript, le signe égal ( =) est un opérateur « d’affectation » et non un opérateur « égal à ».
C’est différent de l’algèbre. Ce qui suit n’a pas de sens en algèbre:x = x + 5
En JavaScript, cependant, cela est parfaitement logique: il attribue la valeur de x + 5 à x.
(Il calcule la valeur de x + 5 et met le résultat en x. La valeur de x est incrémentée de 5.)
L’opérateur « égal à » est écrit comme ==en JavaScript.
Types de données JavaScript
Les variables JavaScript peuvent contenir des nombres comme 100 et des valeurs de texte comme « John Doe ».
En programmation, les valeurs de texte sont appelées chaînes de texte.
JavaScript peut gérer de nombreux types de données, mais pour l’instant, il suffit de penser aux nombres et aux chaînes.
Les chaînes sont écrites entre guillemets doubles ou simples. Les nombres sont écrits sans guillemets.
Si vous mettez un nombre entre guillemets, il sera traité comme une chaîne de texte.
Exemple
var pi = 3.14;
var person = « John Doe »;
var answer = ‘Yes I am!’;
Déclaration (création) de variables JavaScript
La création d’une variable en JavaScript s’appelle « déclarer » une variable.
Vous déclarez une variable JavaScript avec le varmot clé:var carName;
Après la déclaration, la variable n’a pas de valeur (techniquement, elle a la valeur de undefined).
Pour affecter une valeur à la variable, utilisez le signe égal:carName = « Volvo »;
Vous pouvez également affecter une valeur à la variable lorsque vous la déclarez:var carName = « Volvo »;
Dans l’exemple ci-dessous, nous créons une variable appelée carNameet lui affectons la valeur « Volvo ».
Ensuite, nous « sortons » la valeur à l’intérieur d’un paragraphe HTML avec id = « demo »:
Exemple
<p id= »demo »></p>
<script>
var carName = « Volvo »;
document.getElementById(« demo »).innerHTML = carName;
</script>
C’est une bonne pratique de programmation de déclarer toutes les variables au début d’un script.
Une déclaration, de nombreuses variables
Vous pouvez déclarer de nombreuses variables dans une seule instruction.
Commencez l’instruction avec varet séparez les variables par une virgule :
var person = « John Doe », carName = « Volvo », price = 200;
Une déclaration peut s’étendre sur plusieurs lignes:
var person = « John Doe »,
carName = « Volvo »,
price = 200;
Valeur = non défini
Dans les programmes informatiques, les variables sont souvent déclarées sans valeur. La valeur peut être quelque chose qui doit être calculé ou quelque chose qui sera fourni plus tard, comme une entrée utilisateur.
Une variable déclarée sans valeur aura la valeur undefined.
La variable carName aura la valeur undefinedaprès l’exécution de cette instruction:
Exemple
var carName;
Nouvelle déclaration des variables JavaScript
Si vous déclarez à nouveau une variable JavaScript, elle ne perdra pas sa valeur.
La variable carNameaura toujours la valeur « Volvo » après l’exécution de ces instructions:
Exemple
var carName = « Volvo »;
var carName;
Arithmétique JavaScript
Comme avec l’algèbre, vous pouvez faire de l’arithmétique avec des variables JavaScript, en utilisant des opérateurs comme =et +:
Exemple
var x = 5 + 2 + 3;
Vous pouvez également ajouter des chaînes, mais les chaînes seront concaténées:
Exemple
var x = « John » + » » + « Doe »;
Essayez également ceci:
Exemple
var x = « 5 » + 2 + 3;
Si vous mettez un nombre entre guillemets, le reste des nombres sera traité comme une chaîne et concaténé.
Maintenant, essayez ceci:
Exemple
var x = 2 + 3 + « 5 »;
Signe du dollar JavaScript $
N’oubliez pas que les identifiants (noms) JavaScript doivent commencer par:
- Une lettre (AZ ou az)
- Un signe dollar ($)
- Ou un trait de soulignement (_)
Étant donné que JavaScript traite un signe dollar comme une lettre, les identifiants contenant $ sont des noms de variables valides:
Exemple
var $$$ = « Hello World »;
var $ = 2;
var $myMoney = 5;
L’utilisation du signe dollar n’est pas très courante en JavaScript, mais les programmeurs professionnels l’utilisent souvent comme alias pour la fonction principale d’une bibliothèque JavaScript.
Dans la bibliothèque JavaScript jQuery, par exemple, la fonction principale $est utilisée pour sélectionner des éléments HTML. Dans jQuery $("p");signifie « sélectionner tous les éléments p ».
Souligné JavaScript (_)
Étant donné que JavaScript traite le trait de soulignement comme une lettre, les identificateurs contenant _ sont des noms de variable valides:
Exemple
var _lastName = « Johnson »;
var _x = 2;
var _100 = 5;
L’utilisation du trait de soulignement n’est pas très courante en JavaScript, mais une convention parmi les programmeurs professionnels consiste à l’utiliser comme alias pour les variables « privées (cachées) ».