Metoda JavaScript Array reduce()

Definicja i użycie

reduce() Metoda redukuje tablicę do pojedynczej wartości.

reduce() Metoda wykona dostarczoną funkcję dla każdej wartości tablicy (od lewej do prawej).

Wartość zwrócona przez funkcję przechowywana jest w akumulatorze (wynik/sumarycznie).

Komentarz:Nie wykonywaj dla elementów tablicy bez wartości reduce() Metoda.

Komentarz:reduce() Metoda nie zmienia oryginalnej tablicy.

Przykład

Przykład 1

Od początku odejmuj liczby z tablicy:

var numbers = [175, 50, 25];
document.getElementById("demo").innerHTML = numbers.reduce(myFunc);
function myFunc(total, num) {}}
  zwróć total - num;
}

Spróbuj sam

Przykład 2

Zaokrąglij wszystkie liczby w tablicy i wyświetl sumę:

<button onclick="myFunction()">Spróbuj</button>
<p>Suma liczb w tablicy: <span id="demo"></span></p>
<script>
var numbers = [15.5, 2.3, 1.1, 4.7];
function getSum(total, num) {
  zwróć total + Math.round(num);
}
function myFunction(item) {
  document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);
}
</script>

Spróbuj sam

syntaktyka

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

wartości parametrów

Parametry Opis
function(total, currentValue, index, arr) Wymagane. Funkcja wykonywana dla każdego elementu tablicy.

Parametry funkcji:

Parametry Opis
total Wymagane. initialValue lub wartość zwrócona przez funkcję wcześniej.
currentValue Wymagane. Wartość bieżącego elementu.
index Opcjonalnie. Indeks tablicy bieżącego elementu.
arr Opcjonalnie. Obiekt tablicy, do którego należy bieżący element.
initialValue Opcjonalnie. Wartość początkowa przekazywana do funkcji.

Szczegółowe informacje techniczne

Wartość zwracana: Zwraca akumulowany wynik ostatniego wywołania funkcji zwrotnej.
Wersja JavaScript: ECMAScript 5

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.

Wszystkie przeglądarki obsługują tę metodę w pełni reduce() Metoda:

Chrome IE Edge Firefox Safari Opera
Chrome 3 IE 9 Edge 12 Firefox 3 Safari 5 Opera 10.5
Czerwiec 2009 roku Wrzesień 2010 roku Lipiec 2015 roku Styczeń 2009 roku Czerwiec 2010 roku Marzec 2010 roku

powiązane strony

Kurs:JavaScript tablica

Kurs:Tablice JavaScript Const

Kurs:Metody tablic JavaScript

Kurs:Sortowanie tablic JavaScript

Kurs:Iteracja tablic JavaScript

Podręcznik:Metoda Array.reduceRight()