Diferentes formas de verificar si un objeto está vacío en JavaScript

Diferentes formas de verificar si un objeto está vacío en JavaScript

Verificar si un objeto está vacío es una tarea común que puede necesitar realizar en las actividades de programación diaria. JavaScript no admite ningún "IsEmpty ()" o "longitud ()" método para verificar si el objeto especificado está vacío o no. Sin embargo, ofrece diferentes formas que puede utilizar para crear una solución personalizada de acuerdo con sus requisitos. Además, el JavaScript "jQuery"La biblioteca también puede ayudarlo a este respecto.

Este artículo enseñará diferentes caminos para verificar si un El objeto está vacío en JavaScript. Entonces, comencemos!

Cómo verificar si un objeto está vacío en JavaScript

Antes de saltar de otras maneras, discutiremos el comportamiento predeterminado de JavaScript para verificar si un objeto está vacío o no. Para este propósito, primero cree un objeto utilizando la sintaxis literal del objeto:

const objeto = ;

Ahora, compárelo con un objeto vacío usando el operador de igualdad estricto "===":

consola.log (objeto === );

El "consola.registro()" el método volverá "FALSO" Después de realizar la comparación, lo que significa que ambos operandos no son iguales:

En este punto, puede preguntarse que si hemos comparado dos objetos JavaScript vacíos, entonces por qué el caso de devolución del operador de comparación se establece como "Falso" en lugar de "verdadero"?

En el ejemplo anterior, comparamos el Referencias de objetos, no su valores, y las referencias de estos objetos vacíos no son las mismas. Esa es la razón por la cual la comparación especificada no ha mostrado los resultados esperados.

Entonces, en JavaScript, ¿hay alguna otra forma de verificar si un objeto está vacío??

La respuesta es sí! JavaScript ofrece varios métodos para este propósito, como:

  • Objeto.Método Keys ()
  • Json.método stringify ()
  • Objeto.método getownpropertynames ()
  • jQuery.método isEtimtyObject ()

Discutiremos brevemente cada uno de los métodos mencionados en las siguientes secciones.

Método 1: Compruebe si un objeto está vacío en JavaScript usando el objeto.Método Keys ()

El "Objeto.llaves()" El método JavaScript se usa para verificar si el objeto aprobado como argumento está vacío o no. Devuelve una matriz que comprende las teclas de objeto. Luego, utilizándolo con el "longitud" La propiedad le informará sobre el número de claves de objetos presentes en la matriz.

Sintaxis

Objeto.claves (objeto).Longitud === 0

El "objeto" aprobado como un argumento se considerará como un "vacío" objeto si el "longitud" devoluciones de propiedad "0".

Ejemplo

Crearemos dos objetos nombrados "Empleado1" y "Empleado2". El "Empleado1" El objeto está vacío, ya que no tiene un par de valores clave, mientras que, en "Empleado2", Agregaremos dos teclas, "nombre Edad," y sus respectivos valores.

Nota: Hemos creado dos objetos para distinguir fácilmente entre la salida para un objeto vacío y no vacío.

const empleado1 = ;
const empleado2 = nombre: 'Alex', edad: 32;

Ahora, agregue el siguiente código en el programa:

consola.Log (objeto.claves (empleado1).longitud === 0);
consola.Log (objeto.claves (empleado2).longitud === 0);

Ejecución del dado Objeto.Método Keys () Primero crea una matriz que comprende las claves del objeto pasado; entonces el "longitud" Verificación de la propiedad Longitud de la matriz utilizando la igualdad estricta operador "===". Esta operación saldrá "verdadero" Si no existen claves en una matriz y "FALSO", En caso de que se encuentren las claves:

Método 2: verifique si un objeto está vacío en JavaScript usando JSON.método stringify ()

El "Json.Stringify () " El método convierte un objeto JavaScript en una cadena. Si la cadena resultante solo tiene aparatos ortopédicos de apertura y cierre "", Significa que Stringify un objeto JavaScript vacío.

Sintaxis

consola.registro (JSON.Stringify (objeto) === '');

Aquí el "Json.Stringify () " El método aceptará un "objeto", lo convierte en una cadena y luego verifique si está vacío o no.

Ejemplo

Usaremos "Json.Stringify () " método para verificar si el creado "Empleado1" y "Empleado2" Los objetos están vacíos:

consola.registro (JSON.stringify (empleado1) === '');
consola.registro (JSON.stringify (empleado2) === '');

Como "Empleado1" es un objeto vacío, por lo que el invocado Json.método stringify () Volverá "Verdadero" y para "Empleado2" el caso de devolución se establecerá en "FALSO":

Método 3: Verifique si un objeto está vacío en JavaScript usando el objeto.método getownpropertynames ()

"Objeto.getownpropertynames () " es un método de objeto incorporado JavaScript que devuelve una matriz que contiene propiedades del objeto como sus elementos. Verificando el "longitud" de la matriz devuelta también puede ayudar a verificar si un objeto pasado está vacío o no.

Sintaxis

Objeto.GetownPropertynames (Empleado1).Longitud === 0)

Aquí el "Objeto.getownpropertynames () " El método acepta un JavaScript "objeto" Como argumento y el La propiedad "Longitud" devuelve "0", Si el objeto especificado está vacío.

Ejemplo

En este ejemplo, invocaremos el Objeto.getownpropertynames () Método para verificar si "Empleado1" y "Empleado2" Los objetos están vacíos:

consola.Log (objeto.GetownPropertynames (Empleado1).longitud === 0);
consola.Log (objeto.GetownPropertynames (Empleado2).longitud === 0);

Producción

Como puedes ver, el "Objeto.getownpropertynames () " el método ha regresado "Verdadero" para "Empleado1" porque es un objeto vacío y el caso de retorno de la segunda salida del método "Falso" como "Empleado2" es un objeto no vacío, y tiene dos llaves.

Método 4: Compruebe si un objeto está vacío en JavaScript usando jQuery.método isEtimtyObject ()

El "JQuery.isEmptyObject () " El método también se utiliza para determinar si un objeto JavaScript creado está vacío o no. Devuelve un valor booleano, donde "verdadero" especifica que el "objeto" aceptado como argumento es "Vacío" y "Falso" indica un "No vacío" objeto, tener pares de valores clave.

Sintaxis

jQuery.isEtimtyObject (objeto);

Aquí el "JQuery.isEmptyObject () " El método acepta un JavaScript "objeto" Como argumento y devuelve un "Booleano" valor.

Ejemplo

En nuestro programa JavaScript, ahora usaremos el jQuery.isEmptyObject () método. El método invocado volverá "Verdadero" cuando "Empleado1" se pasa como argumento y "Falso" para el "empleado" Objeto no vacío:

jQuery.isEmptyObject (Empleado1);
jQuery.isEmptyObject (empleado2);

Producción

Hemos compilado diferentes formas de verificar si un objeto está vacío en JavaScript. Utilice cualquier método dado en su programa y alcance el resultado requerido.

Conclusión

Usando Objeto.llaves (), json.Stringify (), objeto.getownpropertynames () y jQuery.isEmptyObject () son métodos diferentes para verificar si un objeto está vacío en JavaScript. El Objeto.llaves () y objeto.getownpropertynames () Los métodos convierten el objeto pasado en una matriz, y su "longitud"La propiedad verifica la longitud de la matriz, mientras que el Json.Stringify () El método convierte el objeto aceptado en una cadena y luego realice la misma operación. Por último, jQuery.isEmptyObject () Verifica directamente el objeto sin realizar ninguna conversión.