JavaScript Array reduce() metode

Det reduce() metode i JavaScript udfører en reduceringsfunktion for hvert array-element og returnerer en enkelt akkumuleret værdi. Det springer tomme array-elementer over og ændrer ikke det originale array, hvilket gør det nyttigt til kortfattet dataaggregering.

Syntaks:

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

Parametre:

Denne metode accepterer fem parametre som nævnt ovenfor og beskrevet nedenfor:

  • funktion(total, aktuel værdi, indeks, arr): Det er den påkrævede parameter og bruges til at køre for hvert element i arrayet. Den indeholder fire parametre, som er angivet nedenfor:
Parameternavn Beskrivelse Påkrævet/Valgfrit
Total Angiver startværdien eller tidligere returnerede værdi for funktionen Påkrævet
nuværende værdi Angiver værdien af ​​det aktuelle element Påkrævet
nuværende indeks Angiver matrixindekset for det aktuelle element Valgfri
arr Angiver det array-objekt, det aktuelle element tilhører Valgfri

startværdi: Det er en valgfri parameter og bruges til at angive den værdi, der skal overføres til funktionen som startværdi.

Returværdi: JavaScript-array-reduktionsmetoden returnerer en enkelt værdi/element efter at have krydset hele arrayet.

Nedenfor er eksempler på Array reduce() metode.

Eksempel 1: I dette eksempel vil vi skrive en reduktionsfunktion for blot at udskrive forskellen mellem elementerne i arrayet.

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 

Eksempel 2: Dette eksempel bruger metoden reduce() til at returnere summen af ​​alle array-elementer.

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 

Eksempel 3: Dette eksempel bruger metoden reduce() til at returnere den runde sum af alle array-elementer.

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 komplet liste over Javascript Array-metoder, for at kontrollere dem, gå venligst igennem dette Javascript Array Komplet reference artikel.

Understøttede browsere: De browsere, der understøttes af JavaScript Array reduce() metode er anført nedenfor:

  • Google Chrome
  • Edge
  • Firefox
  • Opera
  • Safari