Maison >interface Web >js tutoriel >Comment utiliser la fonction de réduction en js
La fonction de réduction est utilisée pour les opérations d'accumulation afin d'obtenir une valeur unique : reçoit un tableau, une fonction de rappel et une valeur initiale (facultatif). La fonction de rappel gère l'accumulateur (qui stocke le résultat accumulé) et l'élément actuel. La valeur initiale est la valeur de départ de l'accumulateur, qui est par défaut le premier élément du tableau. Les cas d'utilisation incluent la sommation, la moyenne, la concaténation de tableaux, le filtrage et le regroupement.
Utilisation de la fonction réduire en JS
La fonction réduire est une fonction en JavaScript qui permet d'accumuler des éléments dans un tableau et finalement d'obtenir une valeur unique. Son utilisation est la suivante :
<code class="javascript">const result = array.reduce(callback, initialValue);</code>
où :
Fonction de rappel
La fonction de rappel reçoit deux paramètres :
initialValue
initialValue est la valeur initiale de l'accumulateur S'il n'est pas spécifié, le premier élément du tableau sera utilisé comme valeur initiale. La fonction
Utilisation
reduce est souvent utilisée dans les scénarios suivants :
Exemple
Somme :
<code class="javascript">const numbers = [1, 2, 3, 4, 5]; const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0); console.log(sum); // 输出:15</code>
Moyenne :
<code class="javascript">const numbers = [1, 2, 3, 4, 5]; const average = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length; console.log(average); // 输出:3</code>
Concaténer un tableau :
<code class="javascript">const names = ['John', 'Mary', 'Bob']; const joinedString = names.reduce((accumulator, currentValue) => accumulator + ', ' + currentValue); console.log(joinedString); // 输出:John, Mary, Bob</code>
Filter array :
<code class="javascript">const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.reduce((accumulator, currentValue) => { if (currentValue % 2 === 0) { accumulator.push(currentValue); } return accumulator; }, []); console.log(evenNumbers); // 输出:[2, 4]</code>
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!