Javascript foreach

En travaillant avec des tableaux en JavaScript, vous devrez peut-être itérer le tableau pour obtenir la production tout en effectuant des opérations sur eux. Pour ce faire, JavaScript fournit quelques méthodes, y compris le «pour chaque()”Méthode qui exécutera la fonction spécifiée une seule fois pour chaque élément à l'intérieur d'un tableau.

Cet article illustrera la fonctionnalité de la méthode JavaScript ForEach ().

Qu'est-ce que la méthode JavaScript ForEach ()?

Le "pour chaque()"La méthode itère à travers les éléments d'un tableau tout en appelant une fonction. Il utilise une fonction différemment du traditionnel «pour boucle". La valeur de retour de cette méthode n'est toujours pas définie. Selon la fonctionnalité de la fonction d'argument, cette méthode peut ou non modifier le tableau passé.

Syntaxe
Suivez la syntaxe donnée à utiliser ForEach Loop en JavaScript:

foreach (rappel (élément, index, arr));

Ici le "rappeler()"Est la fonction qui sera invoquée pour chaque élément du tableau stocké dans ce paramètre,"élément"La valeur d'un tableau qui sera traité"indice"Est l'indice de l'élément qui sera traité, et«art«Le tableau est passé à la méthode. Le "art" et le "indice«Sont les arguments facultatifs, tandis que le«élément" est obligatoire.

Exemple 1
Dans cet exemple, nous allons d'abord créer un tableau de nombres impairs:

var oddnumbers = [1, 3, 5, 9, 11];

Maintenant, nous allons imprimer les éléments du tableau sur la console:

nombres impairs.foreach (fonction (numéro)
console.log (numéro);
);

Sortir

Maintenant, voyons comment utiliser la méthode foreach () en javascript avec un fichier html.

Exemple 2
Ici, dans le fichier html, nous créerons un bouton qui invoque le "FindSquare ()”Méthode lorsque son événement OnClick est déclenché:

Cliquez pour voir le carré des nombres impairs:

Ensuite, définissez une fonction nommée «FindSquare ()«Cela contient un tableau de nombres impairs et un tableau vide. Dans sa définition de fonction, appelez la méthode foreach () qui squarera tous les éléments du tableau, puis la pousse dans le vide "carré" déployer:

fonction finsquare ()
var oddnumbers = [1, 3, 5, 9, 11];
var carré = [];
nombres impairs.foreach (fonction (numéro)
carré.push (numéro * numéro);
);

Enfin, imprimez les nouvelles valeurs en utilisant le «document.écrire()" méthode:

document.Écrire ("Square of Odd Numbers '1,3,5,7,9,11' est:");
document.écrire (carré);

Lorsque le bouton est cliqué, toutes les valeurs du tableau carré sont affichées:

Nous avons couvert toutes les informations essentielles liées à la méthode javascript foreach ().

Conclusion

Le "pour chaque()»La méthode appelle une fonction tout en itérant dans les éléments d'un tableau. Cela diffère quelque peu du traditionnel «pour boucle". Cette méthode est utilisée pour itérer via des ensembles, des cartes et des tableaux. Dans cet article, nous avons illustré la méthode JavaScript foreach () avec des exemples détaillés, y compris la console et le fichier JavaScript lié avec HTML.