Chapitre 3 : Les types de données en JavaScript
En JavaScript, chaque valeur a un type. Connaître ces types est essentiel pour bien manipuler les données.
1. Les types primitifs
Ce sont les types de base, simples, immuables.
- Number – nombres
- String – chaînes de caractères
- Boolean – vrai ou faux
- Undefined – valeur non définie
- Null – absence volontaire de valeur
- BigInt – grands entiers (ES2020+)
- Symbol – identifiant unique (avancé)
Number
let age = 30;
let prix = 19.99;
let negatif = -5;
String (chaîne de caractères)
let prenom = "Alice";
let phrase = 'Bonjour !';
Boolean
let estConnecte = true;
let estAdmin = false;
Undefined
let x;
console.log(x); // undefined
Null
let valeur = null; // intentionnellement vide
BigInt (ES2020+)
let grandNombre = 1234567890123456789012345678901234567890n;
Symbol (rarement utilisé au début)
let sym = Symbol("identifiant");
2. Le type object (complexe)
Les objets sont des structures complexes contenant des propriétés et méthodes.
let personne = {
nom: "Dupont",
age: 35,
estActif: true
};
3. Le type array (tableau)
Un tableau est une collection ordonnée de valeurs.
let fruits = ["pomme", "banane", "orange"];
console.log(fruits[1]); // affiche "banane"
4. Le type function
Les fonctions sont aussi des objets, mais elles peuvent être appelées.
function saluer() {
alert("Salut !");
}
Test interactif :
5. Vérifier un type : typeof
Le mot-clé typeof permet de connaître le type d'une variable :
typeof 42 // "number"
typeof "texte" // "string"
typeof true // "boolean"
typeof undefined // "undefined"
typeof null // "object" ← exception historique !
typeof {} // "object"
typeof [] // "object"
typeof function(){} // "function"
Attention
typeof null retourne "object", c'est un bug historique de JavaScript !
6. Conversion de types
Conversion explicite (manuelle)
String(123) // "123"
Number("45") // 45
Boolean(0) // false
Conversion implicite (automatique)
"5" * 2 // 10 (chaîne convertie en nombre)
"5" + 2 // "52" (concaténation)
Information
JavaScript convertit automatiquement certains types, mais cela peut produire des surprises !
7. Exemples complets
let nom = "Alice";
let age = 30;
let estMajeur = true;
console.log(typeof nom); // string
console.log(typeof age); // number
console.log(typeof estMajeur); // boolean
Exercice pratique
1. Crée un fichier types.js avec ce contenu :
// Exercice sur les types
let nom = "Jean";
let age = 45;
let estAdmin = false;
console.log(typeof nom);
console.log(typeof age);
console.log(typeof estAdmin);
2. Puis lie-le à un fichier index.html :
<script src="types.js"></script>
3. Ouvre la page dans ton navigateur et vérifie les types dans la console (F12).
Résumé
- JavaScript possède des types primitifs et des types complexes
typeofest utile pour tester un typenullest un cas particulier : sontypeofretourne "object"- Fais attention aux conversions automatiques de types