Neste artigo você vai aprender a remover elementos vazios de array em JavaScript, de uma forma simples e eficaz, utilizando filter
Fala programador(a), beleza? Bora aprender mais sobre arrays, o método filter e também a linguagem JavaScript!
Para resolver este problema vamos fazer um filtro, utilizando a função filter
Com esta função conseguimos percorrer todos os elementos de um array de uma maneira simples
E realizar uma validação para remover algum elemento
Veja um exemplo do que foi explicado acima:
const arr = [1, "", 2, "", null, undefined, 3, 4, "", 5];
console.log("".length == 0);
var arraySemVazios = arr.filter(function (i) {
return i;
});
console.log(arraySemVazios); // [1, 2, 3, 4, 5]Veja que criamos um array com alguns valores nulos:
- string vazia;
- null;
- e undefined;
Todos estes valores serão removidos do nosso array após o filter, pois eles são conhecidos como “falsy values”
Por isso não é necessária validação alguma!
Note que 0 também será removido, então talvez você precise fazer mais alguma validação para não se aplicar neste caso
Conclusão
Neste artigo você viu como remover elementos vazios de array na linguagem JavaScript
Utilizamos apenas a função filter no array alvo, que contém os itens nulos
Note que não precisamos passar validação alguma, pois os valores nulos não são considerados na função filter, por serem “falsy values”
A função filter nos retorna um novo array, com os filtros aplicados nos itens, que são removidos caso necessário
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!