A JavaScript tömb csökkentése () metódus végrehajt egy reduktor funkciót a tömb minden elemén, és egyetlen kimeneti értéket ad vissza.
A reduce()
módszer szintaxisa :
arr.reduce(callback(accumulator, currentValue), initialValue)
Itt az arr egy tömb.
csökkentése () Paraméterek
A reduce()
módszer:
- visszahívás - Az egyes tömbelemeken végrehajtandó funkció (kivéve az első elemet, ha nincs megadva a kezdőérték). Beletelik
- akkumulátor - Felhívja a visszahívás visszatérési értékeit.
- currentValue - A tömbből átadott aktuális elem.
- initialValue (opcionális) - Az
callback()
első híváskor átadott érték . Ha nincs megadva, akkor az első elem az első hívás akkumulátoraként működik, éscallback()
nem hajt végre rajta.
Megjegyzés: Ha reduce()
üres tömböt hívunk kezdőérték nélkül, dobni fog TypeError
.
Visszatérési érték a csökkentésből ()
- Visszaadja a tömb csökkentése után kapott egyetlen értéket.
Megjegyzések :
reduce()
végrehajtja az adott függvényt az egyes értékekhez balról jobbra.reduce()
nem változtatja meg az eredeti tömböt.- Szinte mindig biztonságosabb biztosítani
initialValue
.
1. példa: A tömb összes értékének összege
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
Kimenet
21 21
2. példa: Számok kivonása a tömbben
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
Kimenet
1330 2700
Ez a példa egyértelműen megmagyarázza a különbséget egy kezdőérték és egy kezdőérték átadása között.
3. példa: Távolítsa el az ismétlődő elemeket a tömbből
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 )
Kimenet
(18, 21, 1, 51, 5, 7, 10)
4. példa: Objektumok csoportosítása tulajdonság alapján
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);
Kimenet
(„19”: ((név: „Dwight”, életkor: 19)), „21”: ((név: „John”, életkor: 21), (név: „Oscar”, életkor: 21)), ” 55 ': ((név:' Oliver ', életkor: 55), (név:' Michael ', életkor: 55), (név:' Kevin ', életkor: 55)))
Ajánlott olvasmány: JavaScript tömb reducRight ()