Znížiť pole Javascript Array ()

Metóda JavaScript Array redukovať () vykoná funkciu redukcie na každom prvku poľa a vráti jednu výstupnú hodnotu.

Syntax reduce()metódy je:

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

Tu je arr pole.

redukovať () parametre

reduce()Metóda berie v:

  • spätné volanie - funkcia, ktorá sa má vykonať na každom prvku poľa (okrem prvého prvku, ak nie je k dispozícii počiatočná hodnota). Zaberá to
    • akumulátor - akumuluje spätné hodnoty spätného volania.
    • currentValue - aktuálny prvok odovzdávaný z poľa.
  • initialValue (voliteľné) - hodnota, ktorá sa odovzdá callback()pri prvom volaní. Ak nie je uvedený, prvý prvok slúži ako akumulátor prvého hovoru a callback()nebude sa s ním vykonávať.

Poznámka: Volanie reduce()na prázdne pole bez initialValue vyvolá TypeError.

Vrátiť hodnotu z redukcie ()

  • Vráti jednotlivú hodnotu, ktorá vznikne po zmenšení poľa.

Poznámky :

  • reduce() vykoná danú funkciu pre každú hodnotu zľava doprava.
  • reduce() nezmení pôvodné pole.
  • Poskytovanie je takmer vždy bezpečnejšie initialValue.

Príklad 1: Súčet všetkých hodnôt poľa

 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

Výkon

 21 21

Príklad 2: Odčítanie čísel v poli

 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

Výkon

 1330 2700

Tento príklad jasne vysvetľuje rozdiel medzi odovzdaním initialValue a neprejdením initialValue.

Príklad 3: Odstráňte duplicitné položky z poľa

 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 )

Výkon

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

Príklad 4: Zoskupenie objektov podľa vlastnosti

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

Výkon

 ('19': ((meno: 'Dwight', vek: 19)), '21': ((meno: 'John', vek: 21), (meno: 'Oscar', vek: 21)), '' 55 ': ((meno: „Oliver“, vek: 55 rokov), (meno: „Michael“, vek: 55 rokov), (meno: „Kevin“, vek: 55)))

Odporúčané čítanie: Pole JavaScript reduRight ()

Zaujímavé články...