Voltar para o Blog

Filter: A Arte de Selecionar Dados na Programação Funcional com JavaScript 🚀

Se você tem se aventurado pelo universo do JavaScript, provavelmente já deve ter cruzado caminhos com a Programação Funcional. Se esse termo ainda é desconhecido para você, não tem problema! É uma abordagem que permite a escrita de um código mais limpo e resumido, além de auxiliar na prevenção de erros e facilitar o entendimento e a manutenção do código. Um dos métodos mais práticos na Programação Funcional é o Filter, que possibilita a seleção de dados de um array de maneira descomplicada e eficiente.

Mas, o que é o Filter e como ele funciona? 🤔

Anúncio

Em resumo, o Filter é uma função que recebe uma função de callback como argumento e retorna um novo array contendo apenas os elementos que satisfazem a condição definida na função de callback. Ou seja, ele percorre cada item do array original e aplica a função de callback, retornando um novo array com os itens que passaram no "filtro".

E por que isso é útil? 🤔

Suponha que você tenha um array de números e precisa selecionar apenas os números pares. Sem o Filter, você precisaria escrever um loop para iterar cada item do array, verificar se o número é par e, se for, adicionar ao novo array. Com o Filter, você pode passar a lógica de verificação como uma função de callback e obter o array filtrado em uma única linha de código!

Vamos para um exemplo prático:

const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9];const pares = numeros.filter(numero => numero % 2 === 0);console.log(pares); // [2, 4, 6, 8]

Nesse exemplo, usamos o Filter para criar um novo array contendo apenas os números pares do array original.

E se eu precisar de um filtro mais complexo? 🤔

O Filter é extremamente versátil e permite que você use a lógica que desejar na função de callback. Por exemplo, suponha que você tenha um array de objetos representando pessoas e precise selecionar apenas as pessoas com idade maior que 18 anos. Com o Filter, você pode facilmente fazer isso:

const pessoas = [  { nome: 'João', idade: 16 },  { nome: 'Maria', idade: 20 },  { nome: 'Pedro', idade: 22 },  { nome: 'Ana', idade: 15 },];const maioresDe18 = pessoas.filter(pessoa => pessoa.idade > 18);console.log(maioresDe18);// [//   { nome: 'Maria', idade: 20 },//   { nome: 'Pedro', idade: 22 }// ]

Nesse exemplo, usamos o Filter para criar um novo array contendo apenas os objetos que representam pessoas com idade maior que 18 anos.

Conclusão

O Filter é uma das funções mais práticas da Programação Funcional em JavaScript. Ele permite que você selecione dados de um array de maneira fácil e rápida, sem a necessidade de loops ou condicionais complexas. É extremamente flexível e pode ser usado para realizar filtros simples ou complexos nos dados. Então, se você ainda não está utilizando o Filter em seus projetos, comece agora e facilite muito a sua vida! 🚀

Anúncio

Bora pra cima 🦅

Post anterior Próximo post

Comentários (0)

Esse artigo ainda não possui comentários 😢. Seja o primeiro! 🚀🦅

Adicionar comentário