🔤 Semaine 1 - Jour 2 : Variables et types de données

📦 Les variables : stocker des informations

Une variable est comme une boîte dans laquelle on stocke une valeur. On peut ensuite utiliser cette valeur, la modifier, ou la remplacer.

En JavaScript, on déclare des variables avec let (modifiable) ou const (constante).

Important : Évitez d'utiliser var (ancienne méthode, problèmes de portée).

1. Déclarer des variables

let : pour une variable qui peut changer

const : pour une constante (valeur fixe)

// Variable modifiable
let prenom = 'Alice';
prenom = 'Bob'; // âś… OK

// Constante (non modifiable)
const age = 25;
// age = 30; ❌ ERREUR !

💡 Règle : Utilisez const par défaut, let uniquement si la valeur change.

2. Types de données primitifs

JavaScript a plusieurs types de données de base :

// String (chaîne de caractères)
let nom = 'Dupont';

// Number (nombre)
let age = 30;
let prix = 19.99;

// Boolean (vrai/faux)
let estMajeur = true;
let estMineur = false;

3. Valeurs spéciales

null : absence volontaire de valeur

undefined : variable non initialisée

// Variable déclarée mais non initialisée
let resultat;
console.log(resultat); // undefined

// Absence volontaire de valeur
let utilisateur = null;
console.log(utilisateur); // null

âś… Astuce : Utilisez null pour indiquer "pas de valeur" intentionnellement.

4. typeof : connaître le type

L'opérateur typeof permet de vérifier le type d'une variable.

typeof 'Bonjour'; // "string"
typeof 42; // "number"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof null; // "object" ⚠️ bug historique !

⚠️ Piège : typeof null renvoie "object" (erreur historique de JavaScript).

⚡ Console JavaScript Interactive - Testez les variables !
Prêt à exécuter votre code...

đź’» Exemples Ă  tester

// Déclaration de variables
let prenom = 'Marie';
let age = 28;
const pays = 'France';

// Afficher les variables
console.log('Prénom :', prenom);
console.log('Age :', age);
console.log('Pays :', pays);

// Modifier une variable
prenom = 'Sophie';
console.log('Nouveau prénom :', prenom);

// Vérifier les types
console.log(typeof prenom); // "string"
console.log(typeof age); // "number"
console.log(typeof true); // "boolean"

👆 Copiez ces exemples dans la console interactive ci-dessus !

Froggiesplaining :


🎯 Objectifs de ce cours :
✅ Comprendre ce qu'est une variable et comment la déclarer
✅ Connaître la différence entre let et const
✅ Maîtriser les types de données primitifs (string, number, boolean)
✅ Utiliser typeof pour vérifier le type d'une variable
âś… Comprendre null et undefined

📖 Points clés à retenir :
• let = variable modifiable, const = constante
• String (texte), Number (nombre), Boolean (true/false)
• undefined = non initialisé, null = absence volontaire
• typeof permet de connaître le type d'une valeur
• Privilégiez const par défaut pour éviter les erreurs

🏋️ Exercice pratique :
1. Déclarez une variable nom avec votre nom (string)
2. Déclarez une variable age avec votre âge (number)
3. Déclarez une constante estEtudiant = true (boolean)
4. Affichez ces 3 variables avec console.log()
5. Utilisez typeof pour vérifier le type de chaque variable
6. Essayez de modifier estEtudiant et observez l'erreur !

Froggie explain

GitHub - eCrea