Comment vérifier si une variable existe en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Comment vérifier si une variable existe …
Kirill Ibrahim 30 janvier 2023
JavaScript JavaScript Variable
  1. Utilisez le typeof opérateur pour vérifier si la variable existe en JavaScript :
  2. Utilisez l’instruction if (varibale) pour vérifier si la variable existe en JavaScript :
Comment vérifier si une variable existe en JavaScript

Dans cet article, nous allons introduire de multiples façons de vérifier si une variable est définie/initialisée. Chaque méthode ci-dessous comporte un exemple de code, que vous pouvez exécuter sur votre machine.

Utilisez le typeof opérateur pour vérifier si la variable existe en JavaScript :

L’opérateur typeof vérifie si une variable est définie/nulle, mais il ne lance pas une ReferenceError s’il est utilisé avec une variable non déclarée.

Exemple :

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>  
        How to check if variable exists in JavaScript?
    </title> 
</head>  
          
<body style = "text-align:center;">  
      
    <h2 >  
        How to check if variable exists in JavaScript?
    </h2>  
              
    <p> 
        variable-name : Vatiable1 
    </p> 
  
    <button onclick="checkVariable()">  
        Check Variable
    </button>  
      
    <h4 id = "result" style="color:blue;"></h4> 
              
    <!-- Script to check existence of variable -->
    <script>  
       const checkVariable =() => {
              
            let Vatiable1;  
            
            let result = document.getElementById("result"); 
            
            if (typeof Vatiable1 === 'undefined') {
                result.innerHTML = "Variable is Undefined"; 
            } 
            else {
                result.innerHTML = "Variable is defined and" 
                    + " value is " + Vatiable1; 
            } 
        } 
    </script>  
</body>

Exemple :

Nous utiliserons le même html que ci-dessus.

<script>  
    const checkVariable =() => {

        let Vatiable1 = "variable 1";  

        let result = document.getElementById("result"); 

        if (typeof Vatiable1 === 'undefined') {
            result.innerHTML = "Variable is Undefined"; 
        } 
        else {
            result.innerHTML = "Variable is defined and" 
                + " value is " + Vatiable1 ; 
        } 
    } 
</script>

Exemple :

Nous utiliserons le même html que ci-dessus, pour vérifier si la variable est nulle :

<script>  
       const checkVariable =() => {
              
            
            let Vatiable1 = null;  
            let result = document.getElementById("result"); 
            
            if (typeof Vatiable1 === 'undefined' ) {
                result.innerHTML = "Variable is Undefined"; 
            } 
            else if (Vatiable1 === null){
              result.innerHTML = "Variable is null and not declared"; 
            }
            else {
                result.innerHTML = "Variable is defined and" 
                    + " value is " + Vatiable1 ; 
            } 
        } 
    </script>

Utilisez l’instruction if (varibale) pour vérifier si la variable existe en JavaScript :

Nous pouvons également utiliser l’instruction if pour vérifier si une variable existe, car elle couvre et vérifie de nombreux cas comme elle vérifie si la variable est undefinied, null, 0, Nan et false. Mais l’opérateur typeof ne vérifie que les variables undefined ou null.

Exemple :

Nous utiliserons le même html que ci-dessus :

<script>  
    const checkVariable =() => {

        //let Vatiable1;
        let Vatiable1 = null;  
        // let Vatiable1 = '';  
        let result = document.getElementById("result"); 
        if(Vatiable1){
            result.innerHTML = "Variable is defined and" 
                + " value is " + Vatiable1 ; 
        }
        else{
            result.innerHTML = "Variable is Undefined"
        }

    } 
</script>

Article connexe - JavaScript Variable