Javascript-array verminderen ()

De JavaScript-methode Array reduce () voert een reducer-functie uit op elk element van de array en retourneert een enkele uitvoerwaarde.

De syntaxis van de reduce()methode is:

 arr.reduce(callback(accumulator, currentValue), initialValue)

Hier is arr een array.

reduce () Parameters

De reduce()methode omvat:

  • callback - De functie die moet worden uitgevoerd op elk array-element (behalve het eerste element als er geen initialValue is opgegeven). Het neemt in
    • accumulator - Het verzamelt de retourwaarden van de callback.
    • currentValue - Het huidige element dat wordt doorgegeven vanuit de array.
  • initialValue (optioneel) - Een waarde die callback()bij de eerste aanroep wordt doorgegeven . Indien niet opgegeven, fungeert het eerste element als de accumulator bij de eerste aanroep en callback()wordt het niet uitgevoerd.

Opmerking: het aanroepen reduce()van een lege array zonder initialValue zal gooien TypeError.

Retourwaarde van reduce ()

  • Retourneert de enkele waarde die resulteert na het verkleinen van de array.

Opmerkingen :

  • reduce() voert de gegeven functie uit voor elke waarde van links naar rechts.
  • reduce() verandert de originele array niet.
  • Het is bijna altijd veiliger om te voorzien initialValue.

Voorbeeld 1: som van alle waarden van matrix

 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

Uitvoer

 21 21

Voorbeeld 2: Getallen in Array aftrekken

 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

Uitvoer

 1330 2700

Dit voorbeeld legt duidelijk het verschil uit tussen het doorgeven van een initialValue en het niet doorgeven van een initialValue.

Voorbeeld 3: dubbele items uit array verwijderen

 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 )

Uitvoer

 (18, 21, 1, 51, 5, 7, 10)

Voorbeeld 4: Objecten groeperen op een eigenschap

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

Uitvoer

 ('19': ((naam: 'Dwight', leeftijd: 19)), '21': ((naam: 'John', leeftijd: 21), (naam: 'Oscar', leeftijd: 21)), ' 55 ': ((naam:' Oliver ', leeftijd: 55), (naam:' Michael ', leeftijd: 55), (naam:' Kevin ', leeftijd: 55)))

Aanbevolen literatuur: JavaScript-array reduceRight ()

Interessante artikelen...