Explication détaillée de la méthode de réduction des tableaux en JavaScript

Introduction

Jetons d'abord un coup d'oeil à l'aperçu officiel de cette méthode : La méthode réduire() reçoit une fonction comme accumulateur (accumulateur), et chaque valeur du tableau (de gauche à droite) commence à diminuer, Enfin une valeur.

Vous devez être un peu confus comme moi. En fait, ce que réduit reçoit est une fonction de rappel pour appeler chaque élément du tableau jusqu'à la fin du tableau.

Donnons un exemple pour que tout le monde puisse bien comprendre.

Supposons que j'ai une chaîne de tableaux et que les tableaux sont tous des nombres, je veux calculer la somme de ces nombres. Normalement, nous ferions une boucle et ajouterions un par un. Avec la réduction, nous n'avons pas à nous soucier de tant de problèmes. Nous n'utilisons qu'une seule ligne de code.

var total = [0,1,2,3,4].reduce((a, b)=>a + b); //10

Comment fonctionne cette méthode ?

reduce accepte une fonction qui a quatre paramètres, à savoir :

1. Dernière valeur

2. Valeur actuelle

3. Index de ; la valeur actuelle ;

4. Tableau ;

Prenons le tableau ci-dessus comme exemple et imprimons ces paramètres :

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
 return previousValue + currentValue;
});

Le résultat obtenu est :

En analysant ce résultat, cette fonction de rappel a été appelée 4 fois au total, car la première Il n'y a pas de valeur précédente cette fois, donc il commence directement à partir du deuxième élément du tableau et appelle à la fin du tableau.

reduce a également un deuxième paramètre. Nous pouvons utiliser ce paramètre comme premier paramètre lors du premier appel du rappel. Dans l'exemple ci-dessus, comme il n'y a pas de deuxième paramètre, il est directement obtenu à partir du deuxième élément. du tableau. Pour commencer, si on donne au deuxième paramètre 5, alors le résultat est comme ceci :

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
 return previousValue + currentValue;
},5);

La valeur de previousValue utilisée pour le la première fois est utilisée Au lieu du deuxième paramètre transmis, la fonction a été appelée 5 fois, ce qui correspond à la longueur du tableau.

Réduire peut nous aider à accomplir beaucoup de choses facilement. En plus de l'accumulation, cela aplatit également un tableau bidimensionnel :

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
 return a.concat(b);
}, []);
// flattened == [0, 1, 2, 3, 4, 5]

Résumé

Ce sont les deux outils couramment utilisés auxquels je peux penser pour l'instant, mais il doit y avoir de nombreux endroits où ils peuvent être utilisés. Ce qui précède représente l'intégralité du contenu de cet article. J'espère que le contenu de cet article pourra être utile aux études ou au travail de chacun. Si vous avez des questions, vous pouvez laisser un message pour communiquer.

Pour des articles plus détaillés sur la méthode de réduction des tableaux en JavaScript, veuillez faire attention au site Web PHP chinois !