Метод JavaScript Array reduce () виконує функцію редуктора для кожного елемента масиву і повертає одне вихідне значення.
Синтаксис reduce()
методу:
arr.reduce(callback(accumulator, currentValue), initialValue)
Тут arr - це масив.
зменшити () Параметри
reduce()
Метод приймає в:
- зворотний виклик - функція, що виконується на кожному елементі масиву (за винятком першого елемента, якщо не передбачено початкове значення). Це бере в
- акумулятор - він накопичує значення повернення зворотного виклику.
- 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
Цей приклад чітко пояснює різницю між передачею InitialValue і не передаче InitialValue.
Приклад 3: Видалити повторювані елементи з масиву
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': ((ім'я: 'Дуайт', вік: 19)), '21': ((ім'я: 'Джон', вік: 21), (ім'я: 'Оскар', вік: 21)), ' 55 ': ((ім'я:' Олівер ', вік: 55), (ім'я:' Майкл ', вік: 55), (ім'я:' Кевін ', вік: 55)))
Рекомендоване для читання: масив JavaScript reduceRight ()