HOWTO · JavaScript

Cómo comprobar si la variable existe en JavaScript

Demuestra múltiples formas de comprobar si la variable existe en JavaScript

En esta página

En este artículo, introduciremos múltiples formas de comprobar si una variable está definida/iniciada. Cada método a continuación tendrá un ejemplo de código, que puede ser ejecutado en su máquina.

Utilice el operador typeof para comprobar si la variable existe en JavaScript:

El typeof operador comprueba si una variable está definida/nula, pero no lanza un ReferenceError si se usa con una variable no declarada.

Ejemplo:

<!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>  

Ejemplo:

Usaremos el mismo html que arriba.

<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>  

Ejemplo:

Usaremos el mismo html de arriba, para comprobar si la variable es nula:

<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>  

Use la declaración if (varibale) para comprobar si la variable existe en JavaScript:

También podemos usar la sentencia if para comprobar si una variable existe porque cubre y comprueba muchos casos como comprueba si la variable es undefined, null, '', 0, Nan, y false. Pero el typeof operador comprueba sólo undefined o null.

Ejemplo:

Usaremos el mismo html de arriba:

<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>