DébutantNon commencé
Exercice 1.8 · 8 min · 0 tentative
Les méthodes console
🎯 Objectif
Découvrir les différentes méthodes de l'objet console pour afficher et déboguer.
📖 Contexte
L'objet console est disponible partout en JavaScript. Il offre plusieurs méthodes pour afficher des informations :
console.log() — Message standard
console.log("Hello World")
console.log("Score:", 100)
console.log({ nom: "Alice", age: 25 })
console.warn() — Avertissement ⚠️
Affiche un message jaune dans la console du navigateur :
console.warn("Attention : cette API sera dépréciée")
console.warn("Quota de requêtes presque atteint")
console.error() — Erreur ❌
Affiche un message rouge dans la console :
console.error("Erreur : utilisateur non trouvé")
console.error("La connexion a échoué")
console.table() — Tableau formaté 📊
Affiche un tableau ou un tableau d'objets sous forme de table lisible :
const users = [
{ nom: "Alice", age: 25 },
{ nom: "Bob", age: 30 }
]
console.table(users)
// Affiche :
// ┌─────────┬─────────┬─────┐
// │ (index) │ nom │ age │
// ├─────────┼─────────┼─────┤
// │ 0 │ "Alice" │ 25 │
// │ 1 │ "Bob" │ 30 │
// └─────────┴─────────┴─────┘
Autres méthodes utiles
| Méthode | Usage |
|---|---|
console.info() | Information (similaire à log) |
console.clear() | Efface la console |
console.time() / console.timeEnd() | Mesurer le temps d'exécution |
console.group() / console.groupEnd() | Grouper des messages |
L'objet console dans le navigateur
Dans le navigateur, ouvre les DevTools (F12) et va dans l'onglet Console pour voir tous ces messages avec leurs couleurs !
📝 Consigne
- Affiche un avertissement :
"Attention : cette fonctionnalité est en bêta" - Affiche une erreur :
"Erreur : connexion impossible" - Affiche l'objet
utilisateuravecconsole.log - Affiche le tableau
scoresavecconsole.table
Résultat attendu :
Bienvenue dans l'application !
Attention : cette fonctionnalité est en bêta
Erreur : connexion impossible
{ nom: "Alice", age: 25, ville: "Genève" }
[ { nom: "Alice", points: 150 }, { nom: "Bob", points: 120 }, { nom: "Clara", points: 180 } ]
Objectifs
- Utiliser console.warn
- Utiliser console.error
- Afficher l'objet utilisateur
- Utiliser console.table
- Message warn correct
Lis bien les instructions et lance-toi !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé