Javascript Array reduce ()

Metoda JavaScript Array reduce () execută o funcție de reducere pe fiecare element al tabloului și returnează o singură valoare de ieșire.

Sintaxa reduce()metodei este:

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

Aici, arr este o matrice.

reduce () Parametri

reduce()Metoda ia în:

  • callback - Funcția de executat pe fiecare element matrice (cu excepția primului element dacă nu este furnizată nicio valoare inițială). Este nevoie de
    • acumulator - Acumulează valorile returnate ale apelului invers.
    • currentValue - Elementul curent care este transmis din matrice.
  • initialValue (opțional) - O valoare care va fi transmisă la callback()primul apel. Dacă nu este furnizat, primul element acționează ca acumulator la primul apel și callback()nu se va executa pe acesta.

Notă: Apelarea reduce()la o matrice goală fără initialValue va fi lansată TypeError.

Returnează valoarea din reduce ()

  • Returnează valoarea unică rezultată după reducerea matricei.

Note :

  • reduce() execută funcția dată pentru fiecare valoare de la stânga la dreapta.
  • reduce() nu modifică matricea originală.
  • Aproape întotdeauna este mai sigur să oferiți initialValue.

Exemplul 1: Suma tuturor valorilor matricei

 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

Ieșire

 21 21

Exemplul 2: scăderea numerelor în matrice

 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

Ieșire

 1330 2700

Acest exemplu explică în mod clar diferența dintre trecerea unui initialValue și nu trecerea unui initialValue.

Exemplul 3: Eliminați elementele duplicate din matrice

 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 )

Ieșire

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

Exemplul 4: gruparea obiectelor după o proprietate

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

Ieșire

 („19”: ((nume: „Dwight”, vârstă: 19)), „21”: ((nume: „John”, vârstă: 21), (nume: „Oscar”, vârstă: 21)), „ 55 ': ((nume:' Oliver ', vârstă: 55), (nume:' Michael ', vârstă: 55), (nume:' Kevin ', vârstă: 55)))

Lectură recomandată: matrice JavaScript reduceRight ()

Articole interesante...