Si tengo una lista de objetos, ¿cómo puedo comprobar si los elementos de la lista son objetos vacíos? Siento que esto debería ser sencillo, sin embargo, me confunde un poco porque cuando hago algo como esto en mi componente de función de reacción
console.log(list[0]) Emitirá {} en cada renderizado en mi componente de reacción
Sin embargo, cuando hago algo como
if (list[0] == {}){ console.log('empty')}Nunca termina de llegar allí. ¿Existe una forma más limpia de verificar si los objetos dentro de una lista están vacíos? ¿O preferiblemente si todos los objetos en una lista están vacíos? Siento que me estoy perdiendo algo muy obvio, pero no estoy seguro de por qué no llegaría al registro en el condicional.
Una forma en la que puede comprobar que todos los elementos de una lista utilizan el método every() (lea más aquí ). El método every devolverá un valor booleano de si cada elemento de la lista pasa la prueba implementada en la función proporcionada.
En este caso, queremos comprobar si todos los objetos se consideran vacíos. De acuerdo con esta respuesta de StackOverflow , podemos probar si un objeto está vacío con la siguiente función.
function isEmpty(val) { return Boolean(val && typeof val === 'object') && !Object.keys(val).length; }Luego podemos implementar esto en cada función.
const allEmpty = myList.every(element => { return Boolean(element && typeof element === 'object') && !Object.keys(element).length; }); La variable allEmpty será verdadera si todos los elementos de su lista se consideran objetos vacíos.