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