02 – Comment déclarer une variable en JavaScript ?

Dans ce tutoriel JavaScript pour débutant, nous allons explorer l’une des notions fondamentales de la programmation : la déclaration de variables. Nous verrons comment déclarer une variable en JavaScript, ainsi que les différents types de variables qui existent, tels que les variables de type chaîne de caractères (string), les variables numériques (number) et les variables booléennes (boolean). Grâce à ce tutoriel, vous pourrez acquérir une bonne compréhension des variables en JavaScript et de leur utilisation dans la création de sites Web interactifs et dynamiques.

>> Les opérateurs arithmétiques

Bienvenue dans cette vidéo dans laquelle nous allons parler des variables aujourd’hui et nous allons voir comment déclarer des variables en JavaScript. Nous allons également explorer les différents types de variables existants. Pour cela, nous allons utiliser le site jsbin.com car, dans les prochaines vidéos, nous travaillerons principalement avec la console. Au lieu de configurer une page HTML et un fichier script avec Visual Studio Code, nous utiliserons jsbin pour une plus grande clarté, avec le JavaScript à gauche et le résultat de nos scripts dans la console à droite.

Qu’est-ce Qu’une Variable ?

Nous allons commencer par définir ce qu’est une variable, car certains d’entre vous sont peut-être des débutants en programmation et la notion de variable peut ne pas être claire. Imaginez une variable comme une boîte dans laquelle vous pouvez mettre une valeur. Cette valeur peut être remplacée au fil du temps. Une variable est en fait un espace mémoire qui prend une valeur et peut évoluer pour permettre au programme de restituer cette nouvelle valeur.

Déclarer une Variable en JavaScript

Pour déclarer une variable en JavaScript, on utilise le mot clé let suivi du nom de la variable. Par exemple :

let nombre;

Lorsque vous initialisez une variable, elle est undefined. Pour lui affecter une valeur, utilisez le signe égal =.

Par exemple :

let nombre = 25;

Le signe égal ici est un signe d’affectation, différent de l’égalité mathématique. Par convention, on termine souvent les instructions par un point-virgule.

Afficher une Variable

Pour afficher le contenu d’une variable dans la console, utilisez la fonction console.log :

console.log(nombre); // Affiche 25

Les variables peuvent évoluer.

Par exemple :

nombre = 30;
console.log(nombre); // Affiche 30

Il est important de noter que vous n’avez pas besoin de redéclarer une variable avec let après sa première déclaration.

Types de Variables

Nombres

Comme nous venons de le voir, vous pouvez déclarer des variables de type nombre :

let nombre = 25;

Chaînes de Caractères

Pour les chaînes de caractères, mettez la valeur entre guillemets :

let prenom = "Jean";
console.log(prenom); // Affiche "Jean"

Noms de Variables

Nommer les variables de manière significative est crucial. Par exemple, utilisez nombre pour un nombre et prenom pour un prénom. Il est également important de suivre la convention camelCase, où le premier mot est en minuscule et les mots suivants commencent par une majuscule, sans espaces :

let nomPrenom = "Dupont Michel";

Nombres Décimaux

Les nombres décimaux utilisent un point, pas une virgule :

let nombreFlottant = 45.10;

Booléens

Les variables booléennes prennent des valeurs true ou false et sont utiles pour les tests conditionnels :

let isMajor = true;
console.log(isMajor); // Affiche true

Tableaux

Nous aborderons les tableaux dans une vidéo ultérieure, car ils nécessitent une explication plus détaillée.

Constantes

Les constantes se déclarent avec le mot clé const et ne peuvent pas changer après leur initialisation :

const pi = 3.14;

Si vous essayez de modifier une constante, une erreur se produira :

pi = 4; // Erreur

Concaténation de Chaînes de Caractères

La concaténation, ou l’ajout de chaînes de caractères, se fait avec le signe plus + :

let nom = "Dupont";
let prenom = "Jean";
console.log(prenom + " " + nom); // Affiche "Jean Dupont"

Conclusion

Nous avons couvert les bases des variables en JavaScript, y compris leur déclaration, les différents types et la concaténation de chaînes de caractères. Restez à l’écoute pour les prochaines vidéos où nous approfondirons d’autres aspects de JavaScript. À bientôt !