Maison > interface Web > Questions et réponses frontales > Que fait la méthode forEach() en javascript ?

Que fait la méthode forEach() en javascript ?

青灯夜游
Libérer: 2021-10-13 17:08:38
original
2336 Les gens l'ont consulté

En JavaScript, la méthode forEach() est utilisée pour effectuer des opérations itératives sur les tableaux. Chaque élément du tableau peut être appelé et les éléments sont transmis à la fonction de rappel pour traitement ; ,arr) ,thisValue)”.

Que fait la méthode forEach() en javascript ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Le type Array définit la méthode prototype forEach() pour chaque tableau, qui peut être utilisée pour effectuer des opérations d'itération sur le tableau. La méthode

forEach() est utilisée pour appeler chaque élément du tableau et transmettre l'élément à la fonction de rappel.

La syntaxe spécifique est la suivante :

array.forEach(function(currentValue, index, arr), thisValue)
Copier après la connexion

La description du paramètre est la suivante :

  • array : un objet tableau.

  • function(currentValue, index, arr) : Paramètres requis, une fonction qui peut recevoir jusqu'à trois paramètres. forEach appellera la fonction callbackfn une fois pour chaque élément du tableau.

    • currentValue : obligatoire. Élément actuel

    • index : facultatif. La valeur d'index de l'élément actuel.

    • arr : Facultatif. L'objet tableau auquel appartient l'élément actuel.

  • thisArg : paramètre facultatif, l'objet qui peut être référencé par this dans la fonction callbackfn. Si thisArg est omis, la valeur de this n'est pas définie.

Pour chaque élément qui apparaît dans le tableau, la méthode forEach appellera la fonction callbackfn une fois, par ordre d'index croissant, mais n'appellera pas la fonction de rappel pour les éléments vides du tableau.

En plus des objets tableau, la méthode forEach peut également être utilisée sur tout objet possédant une propriété de longueur et un nom de propriété indexé numériquement, comme les objets tableau associatifs, les arguments, etc. La méthode

forEach ne modifie pas directement le tableau d'origine, mais la fonction de rappel peut le modifier. Les résultats obtenus en modifiant l'objet tableau après le démarrage de la méthode forEach sont présentés dans le tableau.

L'impact de la fonction de rappel modifiant le tableau
Conditions après le démarrage de la méthode forEachSi l'élément est passé à la fonction de rappel
Ajouter des éléments au-delà de la longueur d'origine du tableauNon
Ajouter des éléments pour remplir l'élément manquant dans le tableau Oui, si l'index n'a pas été passé à la fonction de rappel
L'élément a changé Oui, si l'élément n'a pas été passé à la fonction de rappel fonction de rappel
Supprimer l'élément du tableau Non, sauf si l'élément a été transmis à la fonction de rappel

Exemple 1 : Utilisez forEach pour parcourir le tableau a, puis afficher la valeur et index d'indice de chaque élément. Le code est le suivant :

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);
Copier après la connexion

Output :

Que fait la méthode forEach() en javascript ?

Exemple 2 : Utilisez forEach pour parcourir le tableau a, puis calculez la somme des éléments du tableau et affichez

var a = [10, 11, 12], sum = 0;
a.forEach (function (value) {
    sum += value;
});
console.log(sum);  //返回33
Copier après la connexion

Output. :

Que fait la méthode forEach() en javascript ?

[Apprentissage recommandé : Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal