Interprétation détaillée des méthodes d'itération et de fusion en Javascript (tutoriel graphique)

Maintenant, je vais vous apporter une explication détaillée des méthodes d'itération et de fusion en Javascript. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

Méthode d'itération

Je pense personnellement que la méthode d'itération est particulièrement importante en Javascript. Dans de nombreux cas, il existe une demande pratique en fournissant 5. Il existe une méthode itérative que nous pouvons utiliser, ce sont :

every() applique la fonction donnée à chaque élément du tableau, si chaque élément renvoie vrai, alors vrai

filter() applique la fonction donnée à chaque élément du tableau, compose les éléments qui renvoient vrai dans un nouveau tableau et renvoie

forEach() applique la fonction donnée à chaque élément du tableau, mais il n'y a pas de valeur de retour

map() applique la fonction donnée à chaque élément du tableau et renvoie le résultat de chaque appel de fonction pour former un nouveau tableau

same() paires Chaque élément du tableau utilise la fonction donnée . Si un élément du tableau renvoie true, alors il renvoie true

Parmi les cinq méthodes ci-dessus, elles acceptent toutes deux paramètres : Exécuter la fonction, ce qui est nécessaire. Une fonction qui opère sur chaque élément. La fonction prend trois paramètres : la valeur de l'élément du tableau, la position de l'élément dans le tableau et l'objet du tableau lui-même. La portée donnée, étant donné une portée, affecte l'objet this de la fonction donnée. Tels que :

var values = [5,6,7,8,9,10,11,12,13];
 
function actionfunc(item, index, array){console.log(this)};
 
values.every(actionfunc,document); //这里会向控制台输出6次document对象

Méthode de fusion

En plus de la méthode itérative , , JavaScript fournit également deux méthodes de fusion. La fusion est une fusion d'archives. Comme leur nom l'indique, ces méthodes utiliseront la fonction donnée pour parcourir chaque élément du tableau, puis retourneront une valeur totale. Les deux méthodes de fusion sont :

reduce() applique la fonction donnée à chaque élément du tableau du premier au dernier élément du tableau, puis renvoie une somme des résultats de l'exécution de la fonction donnée. sur tous les éléments du tableau.

reduceRight() applique la fonction donnée dans l'ordre inverse du dernier élément du tableau au premier et renvoie la somme des résultats de l'exécution de la fonction donnée sur tous les éléments du tableau.

Les deux méthodes ci-dessus acceptent deux paramètres : la fonction d'exécution, qui est une fonction qui doit opérer sur chaque élément. Cette fonction a quatre paramètres : la valeur précédente, la valeur actuelle, l'index de l'élément, le tableau de l'objet lui-même. . La valeur de base de la fusion. Le calcul de la fusion sera basé sur cette valeur. Par exemple :

var values = [5, 6, 7, 8, 9, 10, 11, 12, 13];
 
values.reduce(function(preitem,item,index,array){return preitem+item},2) //返回数值83

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Explication détaillée du prototype de prototype javascript (cours de base)

Le deuxième paramètre de javascript replace( ) est Utilisation des paramètres dans les fonctions (explication détaillée pour tout le monde)

Contenu d'affichage de la sortie JavaScript (tutoriel de base)

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!