Méthode JavaScript Array réduire()

Le Méthode réduire() en JavaScript exécute une fonction de réduction pour chaque élément du tableau, renvoyant une seule valeur accumulée. Il ignore les éléments vides du tableau et ne modifie pas le tableau d'origine, ce qui le rend utile pour une agrégation de données concise.

Syntaxe:

array.reduce( function(total, currentValue, currentIndex, arr), initialValue ) 

Paramètres:

Cette méthode accepte cinq paramètres mentionnés ci-dessus et décrits ci-dessous :

  • fonction (total, valeur actuelle, index, arr) : C'est le paramètre obligatoire et est utilisé pour s'exécuter pour chaque élément du tableau. Il contient quatre paramètres répertoriés ci-dessous :
Le nom du paramètre Description Obligatoire/Facultatif
total Spécifie la valeur initiale ou la valeur précédemment renvoyée de la fonction Requis
valeur actuelle Spécifie la valeur de l'élément actuel Requis
Indice actuel Spécifie l'index du tableau de l'élément actuel Facultatif
arr Spécifie l'objet tableau auquel appartient l'élément actuel Facultatif

valeur initiale: Il s'agit d'un paramètre facultatif et est utilisé pour spécifier la valeur à transmettre à la fonction comme valeur initiale.

Valeur de retour : La méthode de réduction du tableau JavaScript renvoie une valeur/un élément unique après avoir parcouru le tableau complet.

Vous trouverez ci-dessous des exemples de Tableau réduire() méthode.

Exemple 1: Dans cet exemple, nous allons écrire une fonction de réduction pour imprimer simplement la différence des éléments du tableau.

Javascript
// Input array let arr = [175, 50, 25]; // Callback function for reduce method function subofArray(total, num) {  return total - num; } //Fucntion to execute reduce method  function myGeeks(item) {  // Display output  console.log(arr.reduce(subofArray)); } myGeeks() 

Sortir
100 

Exemple 2 : Cet exemple utilise la méthode réduire() pour renvoyer la somme de tous les éléments du tableau.

Javascript
// Input array let arr = [10, 20, 30, 40, 50, 60]; // Callback function for reduce method function sumofArray(sum, num) {  return sum + num; } //Fucntion to execute reduce method  function myGeeks(item) {  // Display output  console.log(arr.reduce(sumofArray)); } myGeeks(); 

Sortir
210 

Exemple 3 : Cet exemple utilise la méthode réduire() pour renvoyer la somme ronde de tous les éléments du tableau.

Javascript
// Input array let arr = [1.5, 20.3, 11.1, 40.7]; // Callback function for reduce method function sumofArray(sum, num) {  return sum + Math.round(num); } //Fucntion to execute reduce method  function myGeeks(item) {  // Display output  console.log(arr.reduce(sumofArray, 0)); } myGeeks(); 

Sortir
74 

Nous avons une liste complète des méthodes Javascript Array, pour les vérifier, veuillez consulter ceci Référence complète du tableau Javascript article.

Navigateurs pris en charge : Les navigateurs supportés par JavaScript Tableau réduire() méthode sont répertoriées ci-dessous :

  • Google Chrome
  • Bord
  • Firefox
  • Opéra
  • Safari