JavaScript Variables

❮ Prev Next ❯

4 façons de déclarer une variable JavaScript :

En utilisant var
En utilisant let
En utilisant const
N'utiliser rien

Que sont les variables ?

Les variables sont des conteneurs pour stocker des données (stockage de valeurs de données).

Dans cet exemple, x, y et z, sont des variables, déclarées avec le mot clé var :

Exemple

var x = 5;
var y = 6;
var z = x + y;

Try it Yourself »

Dans cet exemple, x, y et z, sont des variables, déclarées avec le mot clé let :

Exemple

let x = 5;
let y = 6;
let z = x + y;

Try it Yourself »

Dans cet exemple, x, y et z, sont des variables non déclarées :

Exemple

x = 5;
y = 6;
z = x + y;

Try it Yourself »

De tous les exemples ci-dessus, vous pouvez deviner :

x stocke la valeur 5
y stocke la valeur 6
z stocke la valeur 11

Quand utiliser la variable JavaScript ?

Déclarez toujours les variables JavaScript avec var, let, ou const.

Le mot clé var a été utilisé dans tout le code JavaScript de 1995 à 2015.

Les mots-clés let et const ont été ajoutés à JavaScript en 2015.

Si vous souhaitez que votre code s'exécute dans un ancien navigateur, vous devez utiliser var.

Quand utiliser JavaScript const ?

Si vous voulez une règle générale : déclarez toujours les variables avec const.

Si vous pensez que la valeur de la variable peut changer, utilisez let.

Dans cet exemple, price1, price2 et total, sont des variables :

Exemple

const price1 = 5;
const price2 = 6;
let total = price1 + price2;

Try it Yourself »

Les deux variables price1 et price2 sont déclarées avec le const mot-clé.

Ce sont des valeurs constantes et ne peuvent pas être modifiées.

La variable total est déclarée avec le mot clé let.

Il s'agit d'une valeur qui peut être modifiée.

Tout comme l'algèbre

Tout comme en algèbre, les variables contiennent des valeurs :

let x = 5;
let y = 6;

Tout comme en algèbre, les variables sont utilisées dans les expressions :

let z = x + y;

D’après l’exemple ci-dessus, vous pouvez deviner que le total calculé est de 11.

Remarque

Les variables sont des conteneurs pour stocker des valeurs.

JavaScript Identifiants

Toutes les variables JavaScript doivent être identifiées avec des noms uniques.

Ces noms uniques sont appelés identifiants.

Les identifiants peuvent être des courts noms (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 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 l'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

Remarque

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 x + 5 à x.

(Il calcule la valeur de x + 5 et met le résultat dans x. La valeur de x est incrémentée de 5.)

Remarque

L'opérateur "égal à" s'écrit comme == en JavaScript.

JavaScript Types de données

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, pensez simplement 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

const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';

Try it Yourself »

Déclarer une variable JavaScript

Créer une variable en JavaScript s'appelle « déclarer » une variable.

Vous déclarez une variable JavaScript avec le mot clé var ou let :

var carName;

or:

let carName;

Après la déclaration, la variable n'a plus de valeur (techniquement elle est non définie).

Pour attribuer une valeur à la variable, utilisez le signe égal :

carName = "Volvo";

Vous pouvez également attribuer une valeur à la variable lorsque vous la déclarez :

let carName = "Volvo";

Dans l'exemple ci-dessous, nous créons une variable appelée carName et lui attribuons la valeur "Volvo".

Ensuite, nous "affichons" la valeur dans un paragraphe HTML avec id="demo":

Exemple

<p id="demo"></p>

<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>

Try it Yourself »

Remarque

C'est une bonne pratique de programmation de déclarer toutes les variables au début d'un script.

Une déclaration, plusieurs variables

Vous pouvez déclarer plusieurs variables dans une seule instruction.

Démarrez l'instruction avec let et séparez les variables par une virgule :

Exemple

let person = "John Doe", carName = "Volvo", price = 200;

Try it Yourself »

Une déclaration peut s'étendre sur plusieurs lignes :

Exemple

let person = "John Doe",
carName = "Volvo",
price = 200;

Try it Yourself »

Valeur = undefined

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 de l'utilisateur.

Une variable déclarée sans valeur aura la valeur undefined.

La variable carName aura la valeur undefined après l'exécution de cette instruction :

Exemple

let carName;

Try it Yourself »

Re-déclarer les variables JavaScript

Si vous déclarez à nouveau une variable JavaScript déclarée avec var, elle ne perdra pas sa valeur.

La variable carName aura toujours la valeur "Volvo" après l'exécution de ces instructions :

Exemple

var carName = "Volvo";
var carName;

Try it Yourself »

Remarque

Vous ne pouvez pas re-déclarer une variable déclarée avec let ou const.

Cela ne fonctionnera pas :

let carName = "Volvo";
let carName;

JavaScript Arithmétique

Comme pour l'algèbre, vous pouvez faire de l'arithmétique avec des variables JavaScript, en utilisant des opérateurs comme = et +:

Exemple

let x = 5 + 2 + 3;

Try it Yourself »

Vous pouvez également ajouter des chaînes, mais les chaînes seront concaténées :

Exemple

let x = "John" + " " + "Doe";

Try it Yourself »

Essayez aussi ceci :

Exemple

let x = "5" + 2 + 3;

Try it Yourself »

Remarque

Si vous mettez un nombre entre guillemets, le reste des nombres sera traité comme des chaînes et concaténé.

Maintenant, essayez ceci :

Exemple

let x = 2 + 3 + "5";

Try it Yourself »

JavaScript Signe dollar $

Étant donné que JavaScript traite le signe dollar comme une lettre, les identifiants contenant $ sont des noms de variables valides :

Exemple

let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;

Try it Yourself »

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 p éléments".

JavaScript Souligner (_)

Puisque JavaScript traite le trait de soulignement comme une lettre, les identifiants contenant _ sont des noms de variables valides :

Exemple

let _lastName = "Johnson";
let _x = 2;
let _100 = 5;

Try it Yourself »

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) ».