Imprimer sur la console en JavaScript

  1. Imprimer vers la console avec la méthode console.log() en JavaScript
  2. Imprimer vers la console avec la méthode console.warn() en JavaScript
  3. Imprimer vers la console avec la méthode console.error() en JavaScript
  4. Imprimer vers la console avec la méthode console.info() en JavaScript

En tant que programmeur, vous devez toujours écrire un code qui fonctionne et qui contient moins de bogues. Mais le processus de recherche de bogues et de compréhension de la façon dont le code s’exécute est compliqué lorsque vous devez travailler avec n lignes de code. Donc, pour faciliter ce processus, nous pouvons utiliser quelque chose qui s’appelle une console. Une console est une fenêtre utilisée pour imprimer ou afficher la sortie du programme et également utilisée à des fins de test. Tous les navigateurs modernes prennent en charge la console. Vous pouvez ouvrir la fenêtre de la console du navigateur en vous rendant dans la section Outils de développement.

Il existe différentes méthodes fournies par le langage de programmation JavaScript qui peuvent être utilisées pour imprimer un message de sortie sur la console. Toutes ces méthodes sont accessibles à l’aide de l’objet console. Chaque méthode a son propre objectif et peut être utilisée en fonction de vos besoins. Vous trouverez ci-dessous quelques-unes des méthodes de console que de nombreux développeurs utilisent largement.

  1. console.log()
  2. console.warn()
  3. console.error()
  4. console.info()

Comprenons comment utiliser chacune de ces méthodes pour imprimer le message sur la console en détail. Assurez-vous que la fenêtre de la console est ouverte (sinon, appuyez sur F12 ou allez dans Developer Tools) afin que vous puissiez voir la sortie des programmes ci-dessous.

Imprimer vers la console avec la méthode console.log() en JavaScript

C’est la méthode de console la plus populaire et la plus utilisée en JavaScript. Cette méthode est couramment utilisée pour imprimer divers messages ou résultats de calculs sur la console ou même lors du débogage du code.

Vous avez écrit un code qui ajoute deux nombres et vous souhaitez maintenant afficher le résultat de cette opération dans la fenêtre de la console; dans ce cas, vous pouvez utiliser la méthode console.log().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var num_1 = 2, num_2 = 3;
        console.log(num_1 + num_2);
    </script>
    
  </body>
</html>

Voici à quoi cela ressemblera sur la fenêtre de la console.

JavaScript console.log

Imprimer vers la console avec la méthode console.warn() en JavaScript

Si vous souhaitez imprimer des avertissements sur la console, vous pouvez utiliser cette méthode. Il peut y avoir des cas où vous voulez que l’utilisateur fasse une chose particulière; ensuite, vous pouvez utiliser la méthode console.warn(). Par exemple, vous créez une application où suit le poids de l’utilisateur, et maintenant si le poids de l’utilisateur augmente au-delà de 100, vous afficherez un avertissement pour l’utilisateur à la console que Faites de l'exercice et soyez en bonne santé en utilisant la console.warn()méthode.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var weight = Math.random() * (110-95) + 95;
        
        if(Math.floor(weight) < 100){
            console.warn("Do exercise and be healthy");
        }
    </script>
    
  </body>
</html>

La sortie du code ci-dessus:

JavaScript console.warning

Imprimer vers la console avec la méthode console.error() en JavaScript

Chaque fois que vous voulez lancer une erreur sur la console, vous pouvez utiliser la méthode console.error(). Par exemple, vous écrivez un code qui génère un nombre aléatoire entre 0 et 5. Maintenant, ici, vous voulez lancer un message d’erreur à la console lorsque le nombre aléatoire généré est égal à zéro, alors vous pouvez utiliser la méthode console.error().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var min =0, max = 5;
        var num = Math.random() * (max - min) + min;

        if(Math.floor(num) === 0){
            console.error("We don't accept zeros...");
        }
    </script>
    
  </body>
</html>

Si vous exécutez le code ci-dessus, vous verrez une sortie dans la fenêtre de la console.

JavaScript console.error

Imprimer vers la console avec la méthode console.info() en JavaScript

Il est utilisé pour afficher le message d’information dans la fenêtre de la console. Si vous créez une application Web qui fournit des mises à jour météorologiques à l’utilisateur et donne des suggestions ou des informations utiles en fonction de la météo actuelle. Ces types de suggestions peuvent être affichés dans la fenêtre de la console sous forme de message d’information en utilisant la méthode console.info().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        console.info("The weather looks rainy today, you should take an umbrella with you.");
    </script>
    
  </body>
</html>

Le code ci-dessus affichera le message d’information The weather looks rainy today, you should take an umbrella with you. comme sortie vers la console.

JavaScript console.info

Article connexe - JavaScript Debugging