Comment utiliser foreach() dans es6

Dans es6, la méthode foreach() est utilisée pour parcourir le tableau, appeler chaque élément du tableau et transmettre l'élément à la fonction de rappel pour traitement, la syntaxe est "array.forEach(function(currentValue,index,arr ),cetteValeur)" .

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

Dans es6, la méthode foreach() est utilisée pour parcourir le tableau, appeler chaque élément du tableau et transmettre l'élément à la fonction de rappel pour traitement. La description spécifique est la suivante :

array.forEach(function(currentValue, index, arr), thisValue)

Parameter	Description
function(currentValue, index, arr)	Obligatoire. La fonction qui doit être appelée pour chaque élément du tableau. Paramètres de fonction : la description du paramètre currentValue est requise. L'index de l'élément actuel est facultatif. La valeur d'index de l'élément actuel. arr est facultatif. L'objet tableau auquel appartient l'élément actuel.
cetteValeur	Facultatif. La valeur transmise à la fonction utilise généralement la valeur « this ». Si ce paramètre est vide, "undefined" sera passé à la valeur "this"

Pour chaque élément qui apparaît dans le tableau, la méthode forEach appellera la fonction callbackfn une fois, dans l'ordre d'index croissant, mais pas pour un tableau vide L'élément appelle la fonction de rappel.

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 forEach	Si l'élément est passé à la fonction de rappel
Ajouter des éléments au-delà de la longueur d'origine du tableau	Non
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

L'exemple suivant utilise forEach pour itérer le tableau a, puis afficher la valeur et l'indice d'indice de chaque élément pour l'affichage. Le code est le suivant :

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

Les résultats de la démonstration sont les suivants :

Exemple 2

L'exemple suivant utilise forEach pour itérer le tableau a, puis calculez la somme des éléments du tableau et affichez-la.

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

Exemple 3

L'exemple suivant montre comment utiliser le deuxième paramètre de la méthode forEach(), qui est l'objet this passé de la fonction de rappel. Lors d'une itération sur un tableau, la valeur de l'élément du tableau est d'abord lue, puis sa valeur est écrasée.

var obj = {
    f1 : function(value,index,array) {
        console.log("a[" + index + "] = " + value);
        arrar[index] = this.f2(value);
    },
    f2 : function (x) {return x * x;}
};
var a = [12, 26, 36];
a.forEach(obj.f1, obj);
console.log(a);  //返回[144, 676, 1296]

【Recommandations associées : tutoriel vidéo javascript, front-end web】

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!