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

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é