Différence entre foreach et pour boucle en javascript

Différence entre foreach et pour boucle en javascript
Les boucles sont utilisées pour exécuter un ensemble d'instructions plusieurs fois. Il est utile de réduire l'effort de création du code plusieurs fois. Le pour boucle est une structure de répétition de base qui itère une (s) énoncé (s) multiple (s). Il se réfère au nombre de fois pour exécuter les instructions en vérifiant la condition. Alors que pour chaque Loop itère à travers les éléments du tableau.Cet article fournit un fonctionnement détaillé et une utilisation des boucles pour et foreach en javascript. Le but est de fournir une différence complète entre les deux boucles.

Différence entre pour et la boucle foreach en javascript?

Le pour chaque la méthode est principalement utilisée pour exécuter le code en fonction des éléments du déployer, Plans, ou sets. Il a la propriété d'accéder à l'index et à la valeur de chaque élément. Il faut du temps pour exécuter le code en raison de l'appel de la méthode.

Tandis que le pour boucle est la boucle la plus élémentaire et la plus polyvalente dans Javascrip. Il représente le nombre de fois pour exécuter la condition. Le tableau suivant représente le fonctionnement de la boucle pour la boucle et le foreach en javascript.

pour boucle boucle foreach
Type de boucle générique et peut être utilisé dans une variété de scénarios. Appliqué principalement sur les tableaux, les cartes et les ensembles.
Utile pour itération rapidement de la collection d'articles. Utile pour itérer le sous-ensemble d'éléments.
La syntaxe est plus facile et plus rapide. Le format de syntaxe est un peu complexe.
Ne fournit pas de facilité de modification pendant l'itération. L'utilisateur modifie les éléments selon les exigences.
L'utilisateur peut utiliser l'instruction BREAK pour casser. Il ne peut pas fournir une installation pour briser la déclaration en raison de la méthode de rappel.

Syntaxe de la boucle foreach en javascript

déployer.foreach (fonction (currval, index, array)
// Exécuter le morceau de code
);

Les paramètres utilisés dans la syntaxe ci-dessus sont répertoriés ci-dessous:

  • fonction (currval, index, array): La fonction à exécuter sur chaque élément.
  • Currval: Valeur actuelle du tableau.
  • Indice: Index actuel de l'élément.
  • Déployer: Le tableau d'éléments actuels.

Syntaxe de la boucle pour JavaScript

pour (initialiseur; condition; compteur)

// Exécuter le morceau de code

Dans le pour boucle, Trois conditions sont spécifiées:

  • initialiseur: initialise la variable avec une valeur.
  • condition: Spécifie la condition pour exécuter le code.
  • comptoir: Spécifiez le contrôle de flux d'une boucle à l'aide d'opérations arithmétiques.

Comment fonctionne Foreach Loop en JavaScript?

Un exemple est donné ci-dessous en utilisant le pour chaque méthode Javascrip.

Code

// Un exemple est donné pour utiliser la méthode foreach en javascript
Soit Array = [1, 2, 3, 4, 5, 6, 7, 8]; // spécifie un tableau de nombres
// opération pour le carré de chaque numéro
Laissez rtnvalue = tableau.foreach (val =>
console.log ('$ val x $ val = $ val * val'));

La description du Javascrip Le code est fourni ci-dessous:

  • Un déployer la variable est initialisée.
  • Le pour chaque La méthode est utilisée pour accéder aux éléments du tableau.
  • À l'intérieur de la boucle foreach, chaque valeur de tableau est en cours de carré (multipliant l'élément de tableau par lui-même).
  • Enfin, la sortie est affichée sur la console.

Sortir

La sortie montre le carré des huit éléments du tableau dans la console.

Comment fonctionne pour la boucle en javascript?

Un exemple est fourni qui démontre le concept du pour boucle en javascript.

Code

// Un exemple est donné pour utiliser la boucle pour JavaScript
Var Array = [1,2,3,4];
console.log («Utilisation pour la boucle en javascript»);
pour (var i = 0; i < array.length; i++)

console.log (array [i]);

La description du code est répertoriée ci-dessous:

  • Un tableau est défini qui contient quatre éléments.
  • Après cela, le pour boucle est exécuté sur les éléments du tableau pour les imprimer.
  • Deuxièmement, une condition est placée qui exécute le code fourni par le déployer.longueur.
  • Enfin, le je++ L'opérateur d'incrément est utilisé pour augmenter la valeur du je variable par un.

Sortir

La sortie montre que le pour boucle Exécute les instructions quatre fois (car le nombre d'éléments est de quatre dans le tableau).

Conclusion

Principalement, les deux sont les types de boucle utilisés pour parcourir le nombre de collections. Le pour chaque La méthode est utilisée pour exécuter le code pour chaque élément trouvé dans le tableau. D'un autre côté, le pour boucle est simple à utiliser et répète le morceau de code spécifié par l'utilisateur. Le pour boucle consomme moins de temps d'exécution et est utile pour résoudre des problèmes complexes. Vous avez appris les points importants entre les deux pour et la boucle FOREAK en utilisant le Javascrip. Pour une meilleure compréhension, nous avons également fourni des exemples de chaque type de boucle.