JavaScript Array reduce() Metod

De reduce() metod i JavaScript exekverar en reducerfunktion för varje arrayelement och returnerar ett enda ackumulerat värde. Den hoppar över tomma arrayelement och ändrar inte den ursprungliga arrayen, vilket gör den användbar för kortfattad dataaggregering.

Syntax:

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

Parametrar:

Denna metod accepterar fem parametrar som nämnts ovan och beskrivs nedan:

  • function(totalt, aktuellt värde, index, arr): Det är den nödvändiga parametern och används för att köra för varje element i arrayen. Den innehåller fyra parametrar som listas nedan:
Parameternamn Beskrivning Obligatoriskt/valfritt
total Anger startvärdet eller tidigare returnerat värde för funktionen Nödvändig
nuvarande värde Anger värdet på det aktuella elementet Nödvändig
aktuellt index Anger arrayindex för det aktuella elementet Frivillig
arr Anger arrayobjektet som det aktuella elementet tillhör Frivillig

ursprungligt värde: Det är en valfri parameter och används för att specificera värdet som ska skickas till funktionen som startvärde.

Returvärde: JavaScript array reduce-metoden returnerar ett enda värde/element efter att ha korsat hela arrayen.

Nedan finns exempel på Array reduce() metod.

Exempel 1: I det här exemplet kommer vi att skriva en reduceringsfunktion för att helt enkelt skriva ut skillnaden mellan elementen i arrayen.

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() 

Produktion
100 

Exempel 2: Det här exemplet använder metoden reduce() för att returnera summan av alla arrayelement.

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(); 

Produktion
210 

Exempel 3: Det här exemplet använder metoden reduce() för att returnera den runda summan av alla arrayelement.

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(); 

Produktion
74 

Vi har en komplett lista med Javascript Array-metoder, för att kontrollera dem, gå igenom detta Javascript Array Komplett referens artikel.

Webbläsare som stöds: Webbläsarna som stöds av JavaScript Array reduce() metoden listas nedan:

  • Google Chrome
  • Kant
  • Firefox
  • Opera
  • Safari