Quelle est la différence entre .map, .every et .forEach ?

Question

Je me suis toujours demandé quelle était la différence entre eux. Ils semblent tous faire la même chose...

Answer 1

La différence réside dans les valeurs de retour.

.map() renvoie un nouveau tableau d'objets créé par une action sur l'élément original.

.every() renvoie un booléen - vrai si chaque élément de ce tableau satisfait à la fonction de test fournie. Une différence importante avec .every() est que la fonction de test ne peut pas toujours être appelée pour chaque élément du tableau. Une fois que la fonction de test renvoie false pour un élément, aucun autre élément du tableau n'est itéré. Par conséquent, la fonction de test ne devrait généralement pas avoir de effets secondaires .

.forEach() ne renvoie rien - Il itère le tableau en effectuant une action donnée pour chaque élément du tableau.

Lisez ce qui suit et les nombreuses autres Méthodes d'itération des tableaux sur MDN .

Answer 2

La réponse de gilly3 est excellente. Je voulais juste ajouter un peu d'information sur les autres types de fonctions "loop through elements".

• .every() (arrête la boucle la première fois que l'itérateur renvoie false ou quelque chose de faux)
• .some() (arrête la boucle la première fois que l'itérateur renvoie vrai ou quelque chose de véridique)
• .filter() (crée un nouveau tableau incluant les éléments où la fonction filtre renvoie vrai et en omettant ceux où elle renvoie faux)
• .map() (crée un nouveau tableau à partir des valeurs retournées par la fonction iterator )
• .reduce() (construit une valeur en appelant de manière répétée l'itérateur, en passant par les valeurs précédentes ; voir la spécification pour les détails ; utile pour additionner le contenu d'un tableau et bien d'autres choses)
• .reduceRight() (comme reduce, mais fonctionne par ordre décroissant plutôt que par ordre ascendant)

crédit à : T.J.Crowder For-each sur un tableau en JavaScript ?

Answer 3

Le chaînage est un autre aspect à prendre en compte pour les réponses ci-dessus. Avec forEach(), vous ne pouvez pas enchaîner, mais avec map(), vous le pouvez.

Par exemple :

var arrayNumbers = [3,1,2,4,5];

arrayNumbers.map(function(i) {
    return i * 2
}).sort();

avec .forEach(), vous ne pouvez pas faire le .sort(), vous obtiendrez une erreur.

Answer 4

Il vaut la peine de lire cet article sur le site dev Opera pour une explication approfondie des méthodes de l'objet tableau EMCAScript 5 :

http://dev.opera.com/articles/view/javascript-array-extras-in-detail/

http://www.suburban-glory.com/blog?page=150

Answer 5

Para Ramda la différence entre R.map() y R.forEach() est :

1. R.forEach() retourne le tableau original alors que R.map() renvoie un foncteur
2. R.forEach() ne peut fonctionner que sur un tableau mais R.map() peut également opérer sur un objet (c'est-à-dire que les paires clé/valeur de l'objet sont traitées comme un tableau)