Chargement...

Types de données

Vous avez vu la variable comme une boîte nommée. Question suivante : quelle sorte de valeur s’y trouve ? Ces sortes sont les types de données. Voici la carte débutant, puis typeof pour demander l’étiquette à JavaScript.

Que sont les types de données et comment les vérifier ?

Un type de données décrit la nature de la valeur — texte, nombre, vrai/faux, « pas encore de valeur », etc. Dans ce cours vous commencez par string, number, boolean, undefined et null. Objets et tableaux seulement en aperçu ; le détail viendra. Pour vérifier, écrivez typeof devant la valeur (ou le nom). La réponse est une courte chaîne comme "string" ou "number".

Carte des types pour débutants

📊 Genres de valeurs à connaître d’abord

Genre Exemple typeof typique Note
Texte (string) "Hello" "string" Texte entre guillemets
Nombre 42 ou 3.5 "number" Entier et décimal : un seul type ici
Boolean true / false "boolean" Marche/arrêt ; plus tard pour les conditions
Undefined nom sans valeur "undefined" Déclaré mais pas encore assigné
Null null "object" (bizarrerie) Vide volontaire ; typeof trompe — retenez le quirk
Objet / tableau (aperçu) { } / [1, 2] "object" Groupes de valeurs ; détails plus tard

Valeurs string

Le texte est entre guillemets. typeof renvoie "string".

String et typeof

javascript 
let label = "JavaScript";
console.log(label);
console.log(typeof label);

Valeurs number

Entiers et décimaux partagent le type number au niveau débutant. Pas besoin d’un « type entier » séparé ici.

Number et typeof

javascript 
let score = 42;
console.log(score);
console.log(typeof score);

Valeurs boolean

true et false ont leur propre type — utiles plus tard pour les conditions. Ce sont des mots-clés, pas les chaînes "true".

Boolean et typeof

javascript 
let ready = true;
console.log(ready);
console.log(typeof ready);

Undefined — pas encore de valeur

Si vous déclarez avec let sans assigner, la valeur est undefined. typeof donne "undefined".

Valeur undefined

javascript 
let pending;
console.log(pending);
console.log(typeof pending);

Null — vide volontaire

null signifie « vide exprès ». Fait étrange : typeof null vaut "object" — un vieux quirk. Traitez null comme vide et mémorisez l’étiquette.

null et le quirk typeof

javascript 
let empty = null;
console.log(empty);
console.log(typeof empty);

Vérifier plusieurs valeurs

Affichez la valeur et son typeof. "10" (avec guillemets) est une string ; 10 est un number.

Plusieurs contrôles typeof

javascript 
console.log(typeof "10");
console.log(typeof 10);
console.log(typeof false);
console.log(typeof undefined);
console.log(typeof null);

Afficher l’étiquette sur la page

Stockez une valeur, lisez typeof, placez l’étiquette avec textContent.

La page affiche typeof d’une valeur

html 
<!DOCTYPE html>
<html>
<head>
<title>Data Types — typeof on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let sample = "W3Learn";
let kind = typeof sample;
document.getElementById("out").textContent = "Type: " + kind;
</script>
</body>
</html>

Le paragraphe montre Type: string car sample contient du texte. Changez sample en nombre ou true, rechargez : l’étiquette suit.

À vous de jouer

  1. Un let avec une ville entre guillemets ; loguez valeur et typeof.
  2. Assignez un nombre sans guillemets ; attendez "number".
  3. Assignez true ou false ; confirmez "boolean".
  4. let x; sans assignation ; regardez typeof x.
  5. Assignez null ; notez le quirk "object".
  6. Dans le HTML, changez seulement sample et rechargez.

Erreurs fréquentes

  • Écrire let n = "42"; et attendre du calcul numérique — les guillemets en font une string
  • Paniquer face à typeof null === "object" — quirk, pas encore la leçon objets
  • Traiter les mots string ou number comme des noms de variables à déclarer
  • Oublier typeof quand deux valeurs « se ressemblent » dans la console mais se comportent autrement
  • Plonger dans tableaux/objets avant leurs séances — cette carte suffit pour l’instant

Résumé

  • Les types de données sont les sortes de valeurs qu’une variable peut contenir
  • Carte débutant : string, number, boolean, undefined, null (plus un aperçu objet/tableau)
  • typeof renvoie une étiquette de type sous forme de chaîne
  • typeof null vaut "object" — retenez le quirk
  • Ensuite : Nombres — plus de détail sur les valeurs numériques

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓
8
Questions
🎯
70%
Pour Réussir
♾️
∞
Temps
🔄
∞
Tentatives

📝 Instructions

  • Lisez chaque question attentivement
  • Sélectionnez la meilleure réponse pour chaque question
  • Vous pouvez refaire le quiz autant de fois que vous le souhaitez
  • Votre progression sera affichée en haut
Sujet 8 de 16
Javascript Tutoriel