Logo

Documentation

/home/vhsh1501/documentation.benjamin-bruant.com/wp-content/themes/zetheme/single.phpsingle

reduce()

La méthode reduce() est une fonction JavaScript très utile pour effectuer des calculs sur un tableau et obtenir une valeur unique résultante. Elle prend en paramètre une fonction de rappel (callback) qui s’applique à chaque élément du tableau pour effectuer une opération spécifique. Voici quatre exemples d’utilisation de la méthode reduce() ainsi que les différents paramètres et leur requisition éventuelle :

  1. Calculer la somme des éléments d’un tableau :
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, current) => acc + current, 0);
console.log(sum); // Affiche 15


Dans cet exemple, la fonction de rappel additionne chaque élément du tableau à l’accumulateur (acc). Le deuxième argument de reduce() définit la valeur initiale de l’accumulateur (0), qui sera utilisée lors du calcul.

  1. Trouver la valeur maximale d’un tableau :
const numbers = [10, 5, 8, 3, 12];
const max = numbers.reduce((acc, current) => Math.max(acc, current));
console.log(max); // Affiche 12


Dans cet exemple, la fonction de rappel compare chaque élément du tableau avec l’accumulateur et renvoie la valeur la plus élevée. Comme il n’y a pas de valeur initiale spécifiée, l’accumulateur démarre avec la première valeur du tableau (10).

  1. Concaténer des éléments d’un tableau en une chaîne de caractères :
const fruits = ['Apple', 'Banana', 'Orange'];
const result = fruits.reduce((acc, current) => acc + ', ' + current);
console.log(result); // Affiche "Apple, Banana, Orange"


Dans cet exemple, la fonction de rappel concatène chaque élément du tableau avec l’accumulateur, en ajoutant une virgule et un espace entre chaque élément.

  1. Compter le nombre d’occurrences de chaque élément dans un tableau :
const numbers = [1, 2, 3, 2, 1, 2, 3, 1];
const count = numbers.reduce((acc, current) => {
  if (acc[current]) {
    acc[current] += 1;
  } else {
    acc[current] = 1;
  }
  return acc;
}, {});
console.log(count); // Affiche {1: 3, 2: 3, 3: 2}


Dans cet exemple, la fonction de rappel utilise l’accumulateur comme objet, où les clés sont les éléments du tableau et les valeurs sont le nombre d’occurrences de chaque élément.

Les paramètres de la méthode reduce() sont :

  • La fonction de rappel (callback) qui doit prendre deux arguments obligatoires : l’accumulateur (acc) et l’élément courant (current). Elle peut également prendre un troisième argument optionnel, l’index de l’élément dans le tableau.
  • La valeur initiale optionnelle de l’accumulateur (initialValue). Cela définit la valeur de départ de l’accumulateur avant de commencer à itérer sur le tableau. Si vous ne spécifiez pas cette valeur, le premier élément du tableau sera utilisé comme valeur initiale.