JavaScript Array reduce() Methode

De reduce() methode in JavaScript voert een reducerfunctie uit voor elk array-element, waarbij één geaccumuleerde waarde wordt geretourneerd. Het slaat lege array-elementen over en wijzigt de oorspronkelijke array niet, waardoor het nuttig is voor beknopte gegevensaggregatie.

Syntaxis:

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

Parameters:

Deze methode accepteert vijf parameters zoals hierboven vermeld en hieronder beschreven:

  • functie(totaal, huidigewaarde, index, arr): Het is de vereiste parameter en wordt gebruikt voor elk element van de array. Het bevat vier parameters die hieronder worden vermeld:
Parameternaam Beschrijving Vereist/optioneel
totaal Specificeert de initiële waarde of eerder geretourneerde waarde van de functie Vereist
huidige waarde Specificeert de waarde van het huidige element Vereist
huidigeIndex Specificeert de array-index van het huidige element Optioneel
arr Specificeert het arrayobject waartoe het huidige element behoort Optioneel

beginwaarde: Het is een optionele parameter en wordt gebruikt om de waarde op te geven die als initiële waarde aan de functie moet worden doorgegeven.

Winstwaarde: De JavaScript-array reduce-methode retourneert een enkele waarde/element nadat de volledige array is doorlopen.

Hieronder vindt u voorbeelden van de Array verkleinen() methode.

Voorbeeld 1: In dit voorbeeld schrijven we een reduce-functie om eenvoudig het verschil tussen de elementen van de array af te drukken.

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

Uitvoer
100 

Voorbeeld 2: In dit voorbeeld wordt de methode reduce() gebruikt om de som van alle array-elementen te retourneren.

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

Uitvoer
210 

Voorbeeld 3: In dit voorbeeld wordt de methode reduce() gebruikt om de ronde som van alle array-elementen te retourneren.

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

Uitvoer
74 

We hebben een volledige lijst met Javascript Array-methoden. Om deze te controleren, kunt u deze doornemen Javascript Array Volledige referentie artikel.

Ondersteunde browsers: De browsers die worden ondersteund door JavaScript Array verkleinen() methode vindt u hieronder:

  • Google Chrome
  • Rand
  • Firefox
  • Opera
  • Safari