Die JavaScript Array redu () -Methode führt eine Reduzierungsfunktion für jedes Element des Arrays aus und gibt einen einzelnen Ausgabewert zurück.
Die Syntax der reduce()
Methode lautet:
arr.reduce(callback(accumulator, currentValue), initialValue)
Hier ist arr ein Array.
redu () Parameter
Die reduce()
Methode umfasst:
- Rückruf - Die Funktion, die für jedes Array-Element ausgeführt werden soll (außer für das erste Element, wenn kein initialValue angegeben ist). Es nimmt in
- Akkumulator - Akkumuliert die Rückgabewerte des Rückrufs.
- currentValue - Das aktuelle Element, das vom Array übergeben wird.
- initialValue (optional) - Ein Wert, der
callback()
beim ersten Aufruf übergeben wird. Wenn nicht angegeben, fungiert das erste Element beim ersten Aufruf als Akkumulator undcallback()
wird nicht ausgeführt.
Hinweis: Der Aufruf reduce()
auf ein leeres Array ohne Anfangswert wird werfen TypeError
.
Rückgabewert von redu ()
- Gibt den einzelnen Wert zurück, der sich nach dem Reduzieren des Arrays ergibt.
Anmerkungen :
reduce()
führt die angegebene Funktion für jeden Wert von links nach rechts aus.reduce()
ändert das ursprüngliche Array nicht.- Es ist fast immer sicherer zu versorgen
initialValue
.
Beispiel 1: Summe aller Werte des Arrays
const numbers = (1, 2, 3, 4, 5, 6); function sum_reducer(accumulator, currentValue) ( return accumulator + currentValue; ) let sum = numbers.reduce(sum_reducer); console.log(sum); // 21 // using arrow function let summation = numbers.reduce( (accumulator, currentValue) => accumulator + currentValue ); console.log(summation); // 21
Ausgabe
21 21
Beispiel 2: Subtrahieren von Zahlen im Array
const numbers = (1800, 50, 300, 20, 100); // subtract all numbers from first number // since 1st element is called as accumulator rather than currentValue // 1800 - 50 - 300 - 20 - 100 let difference = numbers.reduce( (accumulator, currentValue) => accumulator - currentValue ); console.log(difference); // 1330 const expenses = (1800, 2000, 3000, 5000, 500); const salary = 15000; // function that subtracts all array elements from given number // 15000 - 1800 - 2000 - 3000 - 5000 - 500 let remaining = expenses.reduce( (accumulator, currentValue) => accumulator - currentValue, salary ); console.log(remaining); // 2700
Ausgabe
1330 2700
Dieses Beispiel erklärt deutlich den Unterschied zwischen dem Übergeben eines Anfangswerts und dem Nichtübergeben eines Anfangswerts.
Beispiel 3: Entfernen Sie doppelte Elemente aus dem Array
let ageGroup = (18, 21, 1, 1, 51, 18, 21, 5, 18, 7, 10); let uniqueAgeGroup = ageGroup.reduce(function (accumulator, currentValue) ( if (accumulator.indexOf(currentValue) === -1) ( accumulator.push(currentValue); ) return accumulator; ), ()); console.log(uniqueAgeGroup); // ( 18, 21, 1, 51, 5, 7, 10 )
Ausgabe
(18, 21, 1, 51, 5, 7, 10)
Beispiel 4: Gruppieren von Objekten nach einer Eigenschaft
let people = ( ( name: "John", age: 21 ), ( name: "Oliver", age: 55 ), ( name: "Michael", age: 55 ), ( name: "Dwight", age: 19 ), ( name: "Oscar", age: 21 ), ( name: "Kevin", age: 55 ), ); function groupBy(objectArray, property) ( return objectArray.reduce(function (accumulator, currentObject) ( let key = currentObject(property); if (!accumulator(key)) ( accumulator(key) = (); ) accumulator(key).push(currentObject); return accumulator; ), ()); ) let groupedPeople = groupBy(people, "age"); console.log(groupedPeople);
Ausgabe
('19': ((Name: 'Dwight', Alter: 19)), '21': ((Name: 'John', Alter: 21), (Name: 'Oscar', Alter: 21)), ' 55 ': ((Name:' Oliver ', Alter: 55), (Name:' Michael ', Alter: 55), (Name:' Kevin ', Alter: 55)))
Empfohlene Lektüre: JavaScript Array reduRight ()