Array: Higher Order Functions | Mayk Brito

Faala dev!!

Higher Order Functions são funções que aceitam outras funções como argumento.. e nesse vídeo vamos falar um pouco sobre elas. Veremos aqui .map(), .filter(), .find(), .forEach(), .reduce() e .sort().
Também faremos alguns desafios como cálculo total de carrinho de compras e seus itens, buscar e filtrar passageiros numa lista, entre outras coisas práticas do dia-a-dia de um programador. Além do mais, veremos um pouco de ES6: Arrow Functions!

Vaaleu! 💜

-----

Acompanhe a Rocketseat nas redes sociais:

[anacarolinahernandes]

Vou deixar isso aqui pra quem precisar da explicação depois por tópicos:

filter: 1:55
find: 13:00
forEach: 15:46
map: 17:51
reduce: 27:19
sort: 32:37

[chapzin]

Parabéns ao pessoal da rocketseat até hoje foi o melhor conteúdo de estudo que já tive e sou muito fãn de vocês.

[anacarolinahernandes]

Show de bola, Mayk! Excelente explicação, uma das melhores (se não a melhor) que já vi!

Só um adendo: no vídeo, você disse que todas as higher order functions respeitam o princípio de imutabilidade, com exceção do forEach. Porém, o sort também altera o array original (no caso, a ordenação dos elementos) a partir da invocação do mesmo. Por exemplo:

const array = [2, 3, 1, 9, 8];
const newArray = array.sort((a, b) => a - b);

console.log(array); // [1, 2, 3, 8, 9]
console.log(newArray); // [1, 2, 3, 8, 9]

Uma forma de "driblar" e manter o array original é utilizar o rest operador:

const newArray = [...array].sort((a, b) => a - b);

Dessa forma, a variável newArray recebe uma cópia do array original e o sort não modifica sua ordenação. O array original permanece ileso:

console.log(array); // [2, 3, 1, 9, 8]
console.log(newArray); // [1, 2, 3, 8, 9]

[WagnerRicardoNet]

Melhor vídeo de High order function que eu vi até hoje! Parabéns!

[dev_Juninho]

Assunto dinâmico e direto ao ponto, sem enrolação. Muito bom !!

[guilherme_capitao]

Sempre fico em dúvida entre o que usar em cada situação. Finalmente uma explicação sobre o assunto vindo da Rocket, que sabemos que é sempre algo muito claro e do mais alto nível. Obrigado!!!! Assistirei assim que possível.

[vinidipaula]

Vídeo ótimo, me ajudou muito !
Vale a pena assistir por completo

[redhy]

Excelente conteúdo! Rocketseat sempre abordando temas relevantes.
Apenas um lembrete à galera que ainda não se introduziu no tema das ArrowFunctions, é importante frisar que só é possível utiliza-las em funções anônimas (funções sem nome). Abraço

[elascalla]

Parabéns pelo vídeo, direto ao ponto, perfeito para tirar dúvidas do dia a dia, muito obrigado Mayk, continue assim !

[jonatanmsd]

massa vou fazer esses exerciciosinho massa dmais

Aula muito boa, nota 10.

Continue com essas aulas muito relevantes.

[marceloolate]

Parabéns Rocketseat!! top de mais!! parabéns Mayk Brito!! mais um para meus favoritos!! heheheh

[carlosricardoziegler]

hahah isso que eu precisava entender direitinho ... valew.. vcs sao tops !!!

[carlosschuenck]

Gostei bastante da aula. Continue assim!!!!

[joaopedroaraujo]

Ótimo vídeo! Na hora dos exercícios me atrapalhei um pouco, mas consegui fazer! Um vídeo *muito* bacana também seria sobre o "Rest Operator"! Valeu @Rocketseat, ótimo trabalho!

[juliosaraiva]

@rocketseat, Rola um vídeo explicando sobre o contexto de execução do javascript? Como funciona a callstack e o fluxo de execução de um código javascript.

[matheusgomes]

Boa, Mayk! Gostei bastante da didática

[lucasmatsui]

Opá adorei a aula :D poderia ter uma manipulação de arrays e objetos, por exemplo como identificar um objeto em um array, como pegar esse objeto, como tirar e colocar objetos dentro desse array etc

[BajoMendez]

Show de bola. Fiz download do video kkkk

[pablomelo]

Sensacional o conteúdo. Achei muito boa essa idéia! Séria legal também algumas aulas de async/await, callback...ajudaria o pessoal mais novo no JS. Estão de parabéns Rocketseat