JavaScript

Remover elementos vazios de array em JavaScript

22 de maio de 2021

Remover elementos vazios de array em JavaScript

Neste artigo você vai aprender a remover elementos vazios de array em JavaScript, de uma forma simples e eficaz, utilizando filter

Remover elementos vazios de array capa

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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x