Différence entre ForEach et Map Loop en JavaScript
Ce message décrit en détail les méthodes map () et foeach () pour différencier ces méthodes en javascript.
Comment ForEach () Méthode fonctionne-t-elle en JavaScript?
Le pour chaque() La méthode est utilisée pour effectuer une opération sur les éléments du tableau. Il vous permet d'exécuter une méthode de rappel. Le pour chaque() Le type de retour de méthode n'est pas défini car il dépend totalement de la fonctionnalité de la fonction de rappel.
C'est une façon plus récente d'écrire moins de code qui itère sur un tableau. La syntaxe de la méthode foreach () est fournie ci-dessous:
Syntaxe
déployer.foreach (fonction (élément, index, array), thisVal)La description de la syntaxe est la suivante:
- fonction (élément, index, tableau): est une fonction requise pour itérer les éléments du tableau.
- élément: Spécifie l'élément de tableau existant.
- indice: Représente l'indice de l'élément existant.
- déployer: Spécifie le nom du tableau auquel le élément appartient à.
- thisval: représente cette valeur de la fonction.
Exemple
L'exemple de code suivant est adapté pour discuter de l'utilisation du pour chaque() Méthode en javascript.
Code
Un exemple d'utilisation du foreach ()
La description du code est la suivante:
- Une balise est créée qui sera utilisée pour afficher le tableau.
- Après ça, un tableau un est initialisé avec six éléments de 10 à 15.
- De plus, le pour chaque() La méthode est utilisée pour itérer sur les éléments du tableau .
- La propriété innerText récupérera tout le contenu de l'élément 'div'.
- La propriété APPENDCHILD est utilisée pour ajouter les éléments enfants à l'élément ayant une pièce d'identité «id1".
Sortir
Il est observé que les éléments du tableau sont imprimés sur la fenêtre du navigateur.
Comment la méthode map () fonctionne-t-elle en javascript?
La méthode map () renvoie des éléments transformés dans un nouveau tableau en appliquant la fonction de rappel à chaque élément du tableau. La méthode est immuable et peut changer / alterner les données. Il est plus rapide par rapport à la méthode foreach (). Il fournit des fonctionnalités chaînables; Les utilisateurs peuvent associer les méthodes SORT (), Filter () et Réduire () après avoir appliqué MAP () aux tableaux. De plus, il renvoie la même taille que le tableau existant.
La syntaxe est donnée ci-dessous.
Syntaxe
déployer.map (fonction (élément, index, array), thisVal)La description des paramètres est la suivante:
- fonction (élément, index, tableau): indique la fonction à appliquer sur chaque élément de tableau.
- élément: spécifiez l'élément actuel du tableau
- indice: représenter l'index de l'élément actuel
- déployer: spécifiez le nom du tableau pour la méthode de rappel
- thisval: montre la valeur actuelle de la fonction.
Code
console.log ('un exemple d'utilisation de la carte ()')Cons num = [10, 9, 8, 7, 6]
console.journal (num.map (ele =>
ele * ele))
La description du code est répertoriée ici.
- Tout d'abord, un message s'affiche en utilisant le "console.enregistrer()" méthode.
- Après cela, un déployer est employé avec le nom nobs dans lequel cinq éléments sont définis.
- Finalement, le carte() La méthode est utilisée pour retourner un nouveau tableau où tous ses éléments sont les multiples d'eux-mêmes.
Sortir
Le résultat du code montre que le carte() La méthode renvoie les valeurs carrées 10, 9, 8, 7, et 6 pour 100, 81, 64, 49, et 36.
Conclusion
Les méthodes map () et foreach () utilisent la fonction pour effectuer une itération sur les éléments du tableau. En conséquence, les méthodes map () créent un tableau tandis que le type de retour du foreach (la méthode n'est pas définie. Dans cet article, une explication détaillée de la méthode map () et foreach () est décrite pour différencier ces deux méthodes d'itération. Les deux méthodes sont utilisées pour itérer sur les éléments du tableau Cependant, leur façon de travailler diffère qui peut être comprise du contenu écrit ci-dessus.