En JavaScript, tout est une valeur.
Un nombre est une valeur, une chaîne de caractères est une valeur, vrai ou faux sont des valeurs…
Même “rien” est une valeur (oui, je parle de toi, null 😄).
Mais la vraie question est :
👉 Quel type est cette valeur et comment l’utiliser ?
1️⃣ Qu’est-ce qu’un type de donnée ?
La réponse à la question “Mais c’est quoi ce truc ?” 🤔
Un type de donnée indique le type de valeur que contient une variable.
JavaScript veut savoir :
- Est-ce un nombre ?
- Est-ce du texte ?
- Est-ce vrai ou faux ?
- Ou est-ce… “rien” ?
Parce que :
Si JavaScript ne sait pas avec quoi il travaille, ça peut devenir… bizarre 😅
2️⃣ Les types de données en JavaScript
JavaScript distingue deux grandes familles :
📦 Types primitifs
String(chaîne de caractères)Number(nombre)Boolean(vrai/faux)Undefined(indéfini)Null(vide volontaire)BigInt(grands nombres)Symbol(identifiant unique)
🧱 Types référence
Object(objet)Array(tableau)Function(fonction)Date, etc.
Aujourd’hui, on va aller du basique au plus avancé 🚀
3️⃣ String – Le maître des textes 📝
let nom = "Cansu";
let message = 'Bonjour le monde !';
Qu’est-ce qu’une chaîne ?
- Elle contient du texte
- Elle est encadrée par des guillemets (
""ou'')
Que peut-on faire avec ?
let prenom = "Ali";
console.log("Bonjour " + prenom);
👉 Résultat :
Bonjour Ali
La façon moderne : Template Literal 😎
console.log(`Bonjour ${prenom}`);
📌 Astuce pratique
- Texte + nombre = chaîne
"5" + 3 // "53"
4️⃣ Number – Le monde des nombres 🔢
let age = 25;
let prix = 19.99;
En JavaScript :
- Entiers ❌
- Décimaux ❌
👉 Tout est Number ✔️
typeof 42; // "number"
typeof 3.14; // "number"
Attention, piège ⚠️
0.1 + 0.2 // 0.30000000000000004 😬
📌 JS a parfois… disons… une imagination mathématique 😄
5️⃣ Boolean – Vrai ou Faux ✅❌
let estConnecte = true;
let ageValide = false;
Où l’utiliser ?
- Conditions
- Vérifications
- Logiques décisionnelles
if (estConnecte) {
console.log("Bienvenue !");
}
🧠 Info précieuse :
Falsy values :
false, 0, "", null, undefined, NaN
Ces valeurs sont considérées comme false dans les if.
6️⃣ Undefined – “Rien pour l’instant” 🫥
let x;
console.log(x); // undefined
👉 La variable existe
👉 Mais elle n’a aucune valeur
📌 Causes fréquentes :
- Assignations oubliées
- Retour de fonction manquant
7️⃣ Null – “Vide volontaire” 🕳️
let utilisateur = null;
Différence avec undefined ?
undefined→ JS le met automatiquementnull→ c’est toi qui le mets
🧠 Donc :
“C’est vide pour l’instant, et c’est voulu.”
8️⃣ L’opérateur typeof 🕵️♂️
typeof "Bonjour" // "string"
typeof 42 // "number"
typeof true // "boolean"
Mais… il y a une bizarrerie :
typeof null // "object" 😱
👉 C’est une particularité historique de JS, pas un bug 😄
9️⃣ Object – Le patron de tout 🧱
let user = {
name: "Cansu",
age: 25,
isAdmin: true
};
Un objet permet :
- De regrouper plusieurs valeurs
- De façon structurée et logique
- En un seul endroit
console.log(user.name); // Cansu
📌 Comme dans la vraie vie :
Une personne → nom, âge, statut
🔟 Array – Les foules organisées 📚
let couleurs = ["rouge", "bleu", "vert"];
console.log(couleurs[0]); // rouge
Un tableau =
“J’ai beaucoup de choses du même type.”
1️⃣1️⃣ Function – Les comportements 🎭
function direBonjour() {
console.log("Bonjour !");
}
Oui, une fonction est aussi un type de donnée !
typeof direBonjour // "function"
1️⃣2️⃣ Primitives vs Références (Petit mais crucial 🧠)
let a = 10;
let b = a;
b = 20;
👉 a reste 10 ✔️
Mais :
let obj1 = { x: 1 };
let obj2 = obj1;
obj2.x = 5;
👉 obj1.x devient aussi 5 😱
📌 Explication :
- Primitives → copiées par valeur
- Objets → copiés par référence
🎯 Astuces pratiques 🏆
✨ Utiliser typeof régulièrement
✨ Distinguer null et undefined
✨ Attention aux pièges string + number
✨ Utiliser le spread pour copier un objet
✨ console.log n’est jamais honteux 😄
🎬 Scène finale
Les types de données en JavaScript :
- La base de ton code
- Le squelette de ta logique
- L’endroit où naissent 70% des bugs 😅
Mais maintenant, tu peux répondre sereinement à :
“Quelle est cette valeur ?” 💪
