Maison  >  Article  >  interface Web  >  Comment utiliser la fonction de réduction en js

Comment utiliser la fonction de réduction en js

下次还敢
下次还敢original
2024-05-07 19:12:20841parcourir

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.

Comment utiliser la fonction de réduction en js

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ù :

  • array : Le tableau à accumuler.
  • callback : Fonction de rappel pour l'opération d'accumulation.
  • initialValue : La valeur initiale de l'accumulation (facultatif).

Fonction de rappel

La fonction de rappel reçoit deux paramètres :

  • accumulateur : accumulateur, qui stocke les résultats accumulés actuels.
  • currentValue : L'élément du tableau en cours de traitement.

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 :

  • Somme : Calculez la somme de tous les éléments d'un tableau.
  • Moyenne : Calculez la moyenne de tous les éléments d'un tableau.
  • Concaténer des tableaux : Concaténer tous les éléments du tableau en une chaîne.
  • Filter array : Filtrez les éléments du tableau en fonction des conditions.
  • Group Array : Regroupez les éléments dans un tableau en fonction d'une clé spécifique.

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!

Déclaration:
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