Console.log : 5 méthodes méconnues
La console JavaScript est un outil essentiel pour les développeurs, offrant des moyens variés pour afficher et analyser des informations pendant le développement. La méthode la plus couramment utilisée est console.log()
Vous avez surement déjà utilisé la méthode console.log() pour observer le contenu d’une variable ou débugger votre code. Mais saviez vous qu’il existe plein d’autres méthodes pour la console ?
1. Console.log
Tous d’abord vous avez les 5 niveaux d’affichages que vous pouvez filtrer
console.log("console.log")
console.debug("console.debug")
console.info("console.info")
console.warn("console.warn")
console.error("console.error")
Tout les navigateurs proposent des filtres dans leurs consoles afin d’afficher ou masquer chaque niveau
2. Console.table
La méthode console.table() permet d'afficher un array sous forme de tableau dans la console, facilitant la visualisation des données tabulaires.
let tableau = [
{ nom: "John", age: 30 },
{ nom: "Jane", age: 25 },
{ nom: "Doe", age: 35 }
];
console.table(tableau);
3. Console.group
Pour organiser les messages dans la console, vous pouvez utiliser console.group() pour commencer un groupe de messages et console.groupEnd() pour le terminer. Cela peut être particulièrement utile pour structurer la sortie de la console dans des situations complexes.
console.group("Groupe principal");
console.log("Message 1");
console.log("Message 2");
console.group("Sous-groupe");
console.log("Message 3");
console.groupEnd();
console.groupEnd();
4. Console.count
La méthode console.count() aide les développeurs à compter le nombre de fois qu’une fonction à été utilisé ou bien le nombre d’itération d’une boucle.
console.count("libellé optinnel")
console.countReset()
5. Console.time
La méthode console.time() vous permet de mesurer le temps écoulé entre le début et la fin d'un bloc de code
console.time();
slowFunction();
console.timeEnd()
// default: 567.45662 msmsconsole.time("Label");
slowFunction();
console.timeEnd("Label");
// Label: 453.267493 msconsole.time("Label")
slowFunctionOne()
console.timeLog("Label")
slowFunctionTwo()
console.timeEnd("Label")
// Label: 593.29580 ms
// Label: 4829.3532581 msBonus : Console.trace
La méthode console.trace() affiche une trace de la pile d'appels (stack trace) dans la console. Cela peut être utile pour comprendre comment une fonction a été appelée et à partir de quel point dans le code.
Bonus : Console.assert
La méthode console.asset() permet d'évaluer une expression et de renvoyer un message d’erreur si celle-ci est fausse.
console.assert(n === 1, "Not equal to one");
// équivaut à
if (n !== 1) console.error("Not equal to one");
En diversifiant l’utilisation des méthodes de la console, nous pouvons améliorer notre efficacité en matière de débogage et mieux comprendre le comportement de notre code. En incorporant ces alternatives, nous élargissons notre boîte à outils de débogage, facilitant ainsi l’identification et la résolution des problèmes dans nos applications JavaScript.
Un article de Maxime Perraud
