Η μέθοδος JavaScript Array μείωση () εκτελεί μια λειτουργία μειωτή σε κάθε στοιχείο του πίνακα και επιστρέφει μία μόνο τιμή εξόδου.
Η σύνταξη της reduce()
μεθόδου είναι:
arr.reduce(callback(accumulator, currentValue), initialValue)
Εδώ, arr είναι ένας πίνακας.
μείωση () Παράμετροι
Η reduce()
μέθοδος περιλαμβάνει:
- callback - Η συνάρτηση που πρέπει να εκτελεστεί σε κάθε στοιχείο πίνακα (εκτός από το πρώτο στοιχείο εάν δεν παρέχεται αρχική τιμή). Παίρνει
- συσσωρευτής - συσσωρεύει τις τιμές επιστροφής της επιστροφής.
- currentValue - Το τρέχον στοιχείο που περνά από τον πίνακα.
- initialValue (προαιρετικό) - Μια τιμή στην οποία θα μεταδοθεί
callback()
στην πρώτη κλήση. Εάν δεν παρέχεται, το πρώτο στοιχείο λειτουργεί ως συσσωρευτής στην πρώτη κλήση καιcallback()
δεν θα εκτελεστεί σε αυτό.
Σημείωση: Η κλήση reduce()
σε έναν κενό πίνακα χωρίς αρχική τιμή θα εμφανιστεί TypeError
.
Επιστροφή τιμής από μείωση ()
- Επιστρέφει τη μεμονωμένη τιμή που προκύπτει μετά τη μείωση του πίνακα.
Σημειώσεις :
reduce()
εκτελεί τη δεδομένη συνάρτηση για κάθε τιμή από αριστερά προς τα δεξιά.reduce()
δεν αλλάζει τον αρχικό πίνακα.- Είναι σχεδόν πάντα ασφαλέστερο να παρέχετε
initialValue
.
Παράδειγμα 1: Άθροισμα όλων των τιμών της συστοιχίας
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
Παραγωγή
21 21
Παράδειγμα 2: Αφαίρεση αριθμών σε συστοιχία
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
Παραγωγή
1330 2700
Αυτό το παράδειγμα εξηγεί με σαφήνεια τη διαφορά μεταξύ μεταβίβασης μιας αρχικής τιμής και μη διαβίβασης μιας αρχικής τιμής
Παράδειγμα 3: Κατάργηση διπλών στοιχείων από το 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 )
Παραγωγή
(18, 21, 1, 51, 5, 7, 10)
Παράδειγμα 4: Ομαδοποίηση αντικειμένων από μια ιδιότητα
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);
Παραγωγή
('19': ((όνομα: 'Dwight', ηλικία: 19)), '21': ((όνομα: 'John', ηλικία: 21), (όνομα: 'Oscar', ηλικία: 21)), ' 55 ': ((όνομα:' Oliver ', ηλικία: 55), (όνομα:' Michael ', ηλικία: 55), (όνομα:' Kevin ', ηλικία: 55)))
Προτεινόμενη ανάγνωση: JavaScript Array lessRight ()