High-order Function Find
Já falamos sobre map, reduce e filter, hoje vou mostrar uma high-order function bem parecida chamada de find. Vamos aproveitar o exemplo do reduce: Perceba que pedimos o produto com o id 1, mandamos procurar com o find no carrinho e buscamos esse ID 1. Uma coisa interessante e comum é fazermos como fizemos em cima, até meu…
High-order Function Find
por: Tulio Faria
Categoria: DicasVideo-Tutorial
Já falamos sobre map, reduce e filter, hoje vou mostrar uma high-order function bem parecida chamada de find. Vamos aproveitar o exemplo do reduce:
const carrinho = \[
{id: 1, preco:2, qtd: 2, estoque:10 }
{id: 1, preco:3, qtd: 5, estoque:2 }
\]
const subtotal = item => item.preço \* item.qtd
const filtroEmEstoque = item => item.estoque \* item.qtd
const soma = (soma, subtotal) => subtotal + soma
const total = carrinho
.filter(filtroEmEstoque)
.map(subtotal)
.reduce(soma, 0)
const produtoId1 = item => item.id === 1
const produtoId1Retorno = carrinho.find(produtoId1)
console.log(produtoId1Retorno)Perceba que pedimos o produto com o id 1, mandamos procurar com o find no carrinho e buscamos esse ID 1. Uma coisa interessante e comum é fazermos como fizemos em cima, até meu filtro ser uma variável e apenas fazermos o retorno. Agora imaginem que a gente queira parametrizar ainda mais, um conceito bem legal é a seguinte:
const idEquals = (id, item) => item.id === id
const idEquals1 = carrinho.find(produtoId1)
console.log(produtoId1Retorno)
Perceba que eu fiz uma arrow function e nela estou passando o ID com o item que estou iterando. Quando for criar mais filtros, posso usar essa função de idEquals e fixar quem eu quero nesse primeiro parâmetro.
const idEquals = (id, item) => item.id === id
const idEquals1 = idEquals.bind(null, 1)
const idEquals1 = carrinho.find(produtoId1)
console.log(produtoId1Retorno)
Essa nova função que eu criei sempre terá um do ID fixo, então quando eu fizer:
console.log(carrinho.find(idEquals1)Eu já sei que estou travando o ID em um, criando uma nova função a partir da função que eu já tinha. A vantagem disso é que vamos saindo de funções mais genéricas para funções mais específicas que também são fáceis de testar, deixando o código cada vez mais legível. Óbvio que esse exemplo é bem simples, mas poderíamos travar uma dependência com um banco, por exemplo.
Podemos usar o bind junto com find e qualquer outra função para travar algumas variáveis criando funções novas que travam alguns desses valores.
o DevPleno no Facebook, inscreva-se no canal e cadastre seu e-mail para não perder nenhuma novidade. Deixe suas dúvidas e sugestões nos comentários. Abraço!