Qual a diferença entre os 3?
for
, forEach
e o find
O for
é uma das maneiras mais básicas de se criar loops na linguagem, juntamente com o while
e o do..while
. Ele permite repetir um trecho de código um determinado número de vezes, geralmente com base em um contador e uma condição de parada baseada no valor desse contador. Por exemplo:
for (var i=0; i<10; i++) {
// o que estiver aqui será executado
// 10 vezes (de i=0 até i=9)
}
É muito utilizado para iteração de arrays (que parece ser o caso de uso que você tem em mente). Exemplo:
var lista = ['maçã', 'banana', 'pera'];
for (var i=0; i<lista.length; i++) {
console.log(lista[i]);
}
Já forEach
e find
são métodos de arrays. O primeiro equivale ao uso de um loop for
percorrendo a array do primeiro ao último índice, e executando uma função callback que recebe o elemento atual:
var lista = ['maçã', 'banana', 'pera'];
lista.forEach(function(item) {
console.log(item);
});
Já o find
, como o nome indica, é utilizado para encontrar um elemento específico dentro da array. Ele tem sintaxe parecida com a do forEach
, e retorna o primeiro elemento da array que atenda a determinada condição definida no callback. Por exemplo:
// Queremos o primeiro número par da lista
var numeros = [5, 10, 15, 20, 25];
var primeiroPar = numeros.find(function(item) {
return item % 2 === 0;
});
// primeiroPar terá o valor 10
A resposta do bfavaretto está correta e é boa. Vou complementar.
O for
(que eu odeio que venha seguido do parentese de abertura sem espaço que faz confundir como uma função) é um statement, é usado de forma imperativa. Ele indica o que deve fazer. E tem toda uma sintaxe própria.
Ele tem variações (mais) nas versões mais novas do EcmaScript que tornam a esta forma quase obsoleto na maioria da situações.
Os outros dois são funções, você chama ela para executar. Ela sabe o que fazer lá dentro. Você deve passar no mínimo uma função anônima com o algoritmo que deseja executar em cada item. No caso do forEach()
ele só executará aquilo, e no find()
o código deve obrigatoriamente resultar em um booleano para decidir se deve pegar o item sendo analisado.
Funciona como um callback, ou seja, você passa uma função como argumento de outra função, esta esta chama a função que você passou no momento que ela entender adequada de acordo com a necessidade e o que ela pretende fazer.
Este modo é mais funcional porque ele delega para uma função como fazer, você está dizendo apenas o que fazer, é uma forma mais declarativa, ainda que em JavaScript só seja possível determinar o que fazer em seu detalhe de forma imperativa.
Esta forma sempre é mais lenta. E na maioria das vezes causa menos confusão. Entender escopo em funções anônimas (closure é bem mais difícil), e em alguns casos até achar o algoritmo certo se torna mais complicado, especialmente quando tem que manter estado entre itens sendo avaliados.
As versões mais novas permitem o uso de sintaxe de lambda para a função anônima.
Informações úteis:
for
:)
Commented
24/01/2018 às 18:49