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? 🤔
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! 🚀