Hero

Como crear función IsEmpty para jQuery

Marzo 05, 2013

kenneth
jQuery

Cuando tenemos que trabajar en alguna funcionalidad al lado del cliente utilizamos JavaScript, este lenguaje de programación como muchos otros nos permite el uso de variables y para ciertas condiciones necesitamos saber si alguna variable esta vacía o no tiene ningún valor asignado, esta clase de condición suelen ser muy recurrentes.

Para agilizar nuestro trabajo y reutilizar código crearemos una función para jQuery con la podremos verificar si la variable enviada como parámetro se encuentra o no vacía, por medio del siguiente código:

<pre title="jQuery funcion isEmpty">(function($) {
  
  jQuery.isEmpty = function(obj){
    var isEmpty = false;

    if (typeof obj == 'undefined' || obj === null || obj === ''){
      isEmpty = true;
    }      
      
    if (typeof obj == 'number' && isNaN(obj)){
      isEmpty = true;
    }
      
    if (obj instanceof Date && isNaN(Number(obj))){
      isEmpty = true;
    }
      
    return isEmpty;
  }

})(jQuery);

Esta función nos devuelve un booleano donde nos indica si esta vació o no el valor pasado por parámetro.

Esta nueva función la debemos incluir en algún archivo de JavaScript que se cargue después de cargar la librería de jQuery, para que la función isEmpty este disponible como una función mas de jQuery.

Luego de esto podríamos utilizar la función de la siguiente manera:

<pre title="Utilizando jQuery funcion IsEmpty">(function($) {
 $(document).ready(function(){
   var x = null;
   console.log(jQuery.isEmpty(x));
   // Imprimira 'true'
 });
})(jQuery);

Espero que les sea de mucha ayuda,

Recibe consejos y oportunidades de trabajo 100% remotas y en dólares de weKnow Inc.