React check if (object is empty)
Así que podemos crear un objeto vacío con new Object(). Nota al margen: NUNCA debes crear un objeto usando el constructor. Se considera una mala práctica, ver Airbnb Style Guide y ESLint . const obj = new Object();
# Comprobación de objetos vacíos con bibliotecas externas Hay toneladas de bibliotecas externas que puede utilizar para comprobar si hay objetos vacíos. Y la mayoría de ellas tienen un gran soporte para navegadores antiguos Lodash _.isEmpty({});
# Vanilla vs Bibliotecas ¡La respuesta es que depende! Yo soy un gran fan de ir vainilla siempre que sea posible, ya que no me gusta la sobrecarga de una biblioteca externa. Además, para las aplicaciones más pequeñas, soy demasiado perezoso para configurar la biblioteca externa. Pero si tu aplicación ya tiene una biblioteca externa instalada, entonces sigue adelante y úsala. Tú conocerás tu aplicación mejor que nadie. Así que elige lo que mejor se adapte a tu situación # Toma de decisiones consciente ¡Me encanta esta mentalidad! A menudo, tenemos que hacer algunos compromisos. Y no hay nada malo en ello. Especialmente, cuando se trabaja en equipo, a veces surgen desacuerdos. Pero al final, tenemos que tomar una decisión. Esto no significa que nos ceguemos de otras opciones. Al contrario, hacemos todo lo posible por buscar otras soluciones posibles y entender cada implicación. Así podemos tomar una decisión con conocimiento de causa. Tal vez compromiso no sea la palabra correcta, yo lo veo como “toma de decisiones consciente”. Sí, yo también puedo acuñar términos, como el desacoplamiento consciente de Gwyneth Paltrow. Tal vez debería empezar una versión tecnológica de Goop… pero sin el rodillo de jade y los otros productos “interesantes” # Community Input for (var key in object) {
Javascript comprueba si la cadena está vacía
Así que podemos crear un objeto vacío con new Object(). Nota al margen: NUNCA debes crear un objeto usando el constructor. Se considera una mala práctica, vea la Guía de Estilo de Airbnb y ESLint . const obj = new Object();
# Comprobación de objetos vacíos con bibliotecas externas Hay toneladas de bibliotecas externas que puede utilizar para comprobar si hay objetos vacíos. Y la mayoría de ellas tienen un gran soporte para navegadores antiguos Lodash _.isEmpty({});
# Vanilla vs Bibliotecas ¡La respuesta es que depende! Yo soy un gran fan de ir vainilla siempre que sea posible, ya que no me gusta la sobrecarga de una biblioteca externa. Además, para las aplicaciones más pequeñas, soy demasiado perezoso para configurar la biblioteca externa. Pero si tu aplicación ya tiene una biblioteca externa instalada, entonces sigue adelante y úsala. Tú conocerás tu aplicación mejor que nadie. Así que elige lo que mejor se adapte a tu situación # Toma de decisiones consciente ¡Me encanta esta mentalidad! A menudo, tenemos que hacer algunos compromisos. Y no hay nada malo en ello. Especialmente, cuando se trabaja en equipo, a veces surgen desacuerdos. Pero al final, tenemos que tomar una decisión. Esto no significa que nos ceguemos de otras opciones. Al contrario, hacemos todo lo posible por buscar otras soluciones posibles y entender cada implicación. Así podemos tomar una decisión con conocimiento de causa. Tal vez compromiso no sea la palabra correcta, yo lo veo como “toma de decisiones consciente”. Sí, yo también puedo acuñar términos, como el desacoplamiento consciente de Gwyneth Paltrow. Tal vez debería empezar una versión tecnológica de Goop… pero sin el rodillo de jade y los otros productos “interesantes” # Community Input for (var key in object) {
Lodash comprueba si el objeto está vacío
Además, como null == undefined es verdadero, un != null detectará tanto los valores null como los indefinidos. En el ejemplo de código dado a continuación, la función isEmptyObject() comprobará si un objeto está vacío. Sin embargo, sólo comprobará aquellos objetos que los usuarios hayan creado utilizando “{}” o “new Object()”.
La función Object.keys(object) devolverá true si el objeto está vacío, y si contiene propiedades o valores, devolverá false. Los usuarios también pueden probar un objeto JS utilizando Object.values y Object.entries. Generalmente es la técnica más sencilla para resolver si un objeto JS está vacío.
Si la función no encuentra ninguna clave en el bucle, devolverá true, lo que indica que el objeto JS está vacío. Si encuentra alguna clave, el bucle se rompe y devuelve false. Este método también funcionará para las versiones más antiguas de los navegadores. Los dos primeros métodos pueden no soportarlo.
Comprobación de tipo si (el objeto está vacío)
const isMyObjectEmpty = !Object.keys(myObject).length;Podemos utilizar el método Object.keys() para comprobar si hay alguna propiedad definida en un objeto.Devuelve un array con las propias claves del objeto (o nombres de propiedades). Podemos utilizar ese array para comprobar si su longitud es igual a 0. Si lo es, significa que el objeto no tiene propiedades. Es una buena forma de comprobar si un objeto está vacío. Es fácil de usar, corto y fácil de entender lo que el código está haciendo.También podríamos usar Object.values() u Object.entries() para lograr el mismo resultado.Object.values() devuelve un array de los valores de las propiedades del objeto. Por otro lado, Object.entries() devuelve una matriz de pares [clave, valor] del objeto. Además, es más rápido que Object.values() y Object.entries() (resultados del benchmark).Using Lodash// npm install lodash
_.isEmpty(0); // trueEl inconveniente es que necesitas incluir la librería Lodash. Esto podría no ser lo que usted quiere. Por ejemplo, puede que prefieras ahorrar algunos de esos preciosos kilobytes que carga el navegador.Sin embargo, en la mayoría de los casos, no supone una gran diferencia. Yo no me preocuparía por eso antes de tiempo.Lodash es muy popular, y muchas bibliotecas lo usan como dependencia. Cuando trabajas en un equipo, alguien lo incluirá tarde o temprano. Compruébalo si aún no has tenido la oportunidad.Usando una función de bucle for-in isObjectEmpty(obj) {