Différence entre forEach et for loop en javascript

Je me demande: Est-il une différence significative entre forEach et for boucle en JavaScript.

Considérons cet exemple:

var myArray = [1,2,3,4];

myArray.forEach(function(value) {
  console.log(value);
});

for (var i = 0; i < myArray.length; i++) {
  console.log(myArray[i]);
}

Ici une partie de mes recherches:

  1. Performance: Selon JsPerf : forEach est peu plus lent que pour la boucle.
  2. Convivialité: Il n'y a aucun moyen que nous pouvons pause/retour à partir de la fonction de rappel dans le cas de la boucle forEach.

Par exemple: Vous voulez savoir si un nombre est premier ou pas. Je pense que l'utilisation de la boucle est beaucoup plus facile que d'utiliser une boucle forEach pour ce faire.

  1. Lisibilité: à l'Aide de la boucle rend le code plus lisible que d'avoir forEach dans le code.
  2. La compatibilité du navigateur: forEach n'est Pas pris en charge dans IE < 9, de Sorte que introduit quelques cale dans notre code.

Mes questions sont:

  1. Quels sont les avantages de forEach pour la boucle ?
  2. Dans les scénarios, forEach est plus préférable.
  3. Pourquoi même en JavaScript ? Pourquoi était-il nécessaire ?

source d'informationauteur sachinjain024

  1. 13

    forEach est une méthode sur la Array prototype. Il parcourt chaque élément d'un tableau et le passe à une fonction de rappel.

    Donc, fondamentalement, forEach est une méthode abrégée pour les cas d'utilisation "passer chaque élément d'un array à un function". En voici un exemple où je pense Array.forEach est très utile, par rapport à un for boucle:

    //shortcut for document.querySelectorAll
function $$(expr, con) {
    return Array.prototype.slice.call((con || document).querySelectorAll(expr));
}

//hide an element
function hide(el) {
    el.style.display = 'none';
}

//hide all divs via forEach
$$('div').forEach(hide); 

//hide all divs via for
for (var divs = $$('div'), i = 0; i < divs.length; i++) {
    hide(divs[i])
}

    Comme vous pouvez le voir, la lisibilité de l'instruction forEach est amélioré par rapport à un for boucle.

    D'autre part, un for déclaration est plus souple: il n'implique pas nécessairement un tableau. La performance d'un normal for boucle est un peu mieux, car il n'y a pas d'appel de fonction pour chaque élément en cause. En dépit de cela, il est recommandé d'éviter for boucles quand il peut être écrit comme une forEach déclaration.

  2. 11

    Dans un forEach boucle vous n'avez pas de contrôle sur la façon dont vous itérer sur le tableau. Le classique for boucle vous permet de choisir l'itération de l'algorithme que vous le souhaitez (i++; i--; i+=2*ietc).

    Cependant, un forEach boucle est beaucoup plus facile à utiliser - vous n'avez pas besoin de jouer avec tous les i de comptage, de trouver le array[i] objet -- JS-t-il pour vous.

  3. 5
    >> sparseArray = [1, 2, , 4];

>> sparseArray.forEach(console.log, console);
1 0 [1, 2, 3: 4] 
2 1 [1, 2, 3: 4] 
4 3 [1, 2, 3: 4] 

>> for(var i = 0; i < sparseArray.length; ++i) { console.log(sparseArray[i]) };
1
2
undefined
4

    forEach est un ajout récent à la rendre expressive liste-de la compréhension de style possible en javascript. Ici vous pouvez voir que forEach ignore les éléments qui n'ont jamais été mismais le meilleur que vous pouvez faire avec un for boucle est de vérifier pour undefined ou nullqui peuvent être définies comme des valeurs et repris par forEach. Sauf si vous attendez des valeurs manquantes, forEach est équivalent à for boucles, mais notez que vous ne pouvez pas arrêter tôt, pour laquelle vous avez besoin de every.