¿Cómo verificar si una variable no es nula en JavaScript?

Puede verificar fácilmente si una variable es nula o no nula en JavaScript aplicando una condición if-else simple a la variable dada. 

Hay dos formas de verificar si una variable es nula o no. Primero discutiré la forma incorrecta que le parece correcta al principio, luego discutiremos la forma correcta de verificar si una variable es nula o no.

Método 1: El camino equivocado que parece ser el correcto.

Condición:

if(my_var) {
    ....
}

Nota: Cuando una variable es nula, hay una ausencia de cualquier valor de objeto en una variable. Null a menudo se recupera en un lugar donde se puede esperar un objeto, pero ningún objeto es relevante.

Según la condición anterior, si my_var es nulo, se indica si la condición no se ejecutará porque nulo es un valor falso en JavaScript, pero en JavaScript hay muchos valores falsos predefinidos como

  • indefinido
  • nulo
  • 0
  • “” (string vacía)
  • falso
  • Yaya

Entonces, si my_var es igual a cualquiera de los valores falsos predefinidos anteriores, entonces si la condición no se ejecutaría o viceversa. 

Ejemplo 1:

HTML

<!DOCTYPE html>
<html> 
<body style="text-align:center;">
      
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>
              
      
<p>
        variable-name : GFG_Var
    </p>
  
  
    <button onclick="myGeeks()">
        Check for vowel
    </button>
      
    <h3 id="div" style="color:green;">HTML</h3>
              
    <!-- Script to check existence of variable -->
    <script>
        function myGeeks() {
            
            var h3 = document.getElementById("div");
            
            var GFG_Var = h3.innerHTML;
            
          // check if GFG_Var variable contain any vowels
          // HTML text contains no vowels,
          // so variable my_var will be assigned null 
           const my_var = GFG_Var.match(/[aeiou]/gi);  
            
            if (my_var ) {
                h3.innerHTML = "Variable is not null";
            }
            else {
                h3.innerHTML = "Variable is NULL";
            }
        }
    </script>
</body>
</html>                    

Producción:

Comprobar la vocal

Método 2:  el siguiente código muestra la forma correcta de verificar si la variable es nula o no.

Condición:

if(my_var !== null)
{
    ....
}

La condición anterior es en realidad la forma correcta de verificar si una variable es nula o no. La condición if se ejecutará si my_var es cualquier valor que no sea nulo, es decir 

  • Si my_var no está definido , la condición se ejecutará.
  • Si my_var es 0 , la condición se ejecutará.
  • Si my_var es (string vacía), la condición se ejecutará.

Esta condición verificará el valor exacto de la variable si es nulo o no.

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
<body style="text-align:center;">
      
    <h2 style="color:green;" >
        GeeksforGeeks
    </h2>
              
      
<p>
        variable-name : GFG_Var
    </p>
  
  
    <button onclick="myGeeks()">
        Check for vowel
    </button>
      
    <h3 id="div" style="color:green;">HTML</h3>
              
    <!-- Script to check existence of variable -->
    <script>
        function myGeeks() {
            
            var h3 = document.getElementById("div");
            
            var GFG_Var = h3.innerHTML;
            
          // check if GFG_Var variable contain any vowels
          // HTML text contain no vowels
          // so variable my_var will assign null 
           const my_var = GFG_Var.match(/[aeiou]/gi);  
                
            // this will check exactly whether variable is null or not
            if (my_var !== null ) {
                h3.innerHTML = "Variable is not null";
            }
            else {
                h3.innerHTML = "Variable is NULL";
            }
        }
    </script>
</body>
  
</html>                    

Salida: la salida es la misma que en el primer ejemplo pero con la condición adecuada en el código JavaScript.

Publicación traducida automáticamente

Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *