Array.prototype.reduce()

Podsumowanie

The reduce() method applies a function against an accumulator and each value of the array (from left-to-right) has to reduce it to a single value.

Składnia

arr.reduce(callback[, initialValue])

Parametry

callback

Funkcja wykonywana na każdej wartości w tablicy, przyjmuje cztery argumenty:

previousValue

The value previously returned in the last invocation of the callback, or initialValue, if supplied. (See below.)

currentValue

The current element being processed in the array.

index

The index of the current element being processed in the array.

array

The array reduce was called upon.

initialValue

Optional. Object to use as the first argument to the first call of the callback.

Opis

reduce executes the callback function once for each element present in the array, excluding holes in the array, receiving four arguments: the initial value (or value from the previous callback call), the value of the current element, the current index, and the array over which iteration is occurring.

The first time the callback is called, previousValue and currentValue can be one of two values. If initialValue is provided in the call to reduce, then previousValue will be equal to initialValue and currentValue will be equal to the first value in the array. If no initialValue was provided, then previousValue will be equal to the first value in the array and currentValue will be equal to the second.

If the array is empty and no initialValue was provided, TypeError would be thrown. If the array has only one element (regardless of position) and no initialValue was provided, or if initialValue is provided but the array is empty, the solo value would be returned without calling callback.

Suppose the following use of reduce occurred:

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array) {
  return previousValue + currentValue;
});

The callback would be invoked four times, with the arguments and return values in each call being as follows:

The value returned by reduce would be that of the last callback invocation (10).

If you were to provide an initial value as the second argument to reduce, the result would look like this:

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array) {
  return previousValue + currentValue;
}, 10);

Tym razem watość zwrócona przez reduce będzie wynosiła oczwiście 20.

Przykłady

Przykład: Zsumowanie wszystkich wartości w tablicy.

var total = [0, 1, 2, 3].reduce(function(a, b) {
  return a + b;
});
// total == 6

Przykład: Spłaszczenie tablicy tablic

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
  return a.concat(b);
});
// flattened is [0, 1, 2, 3, 4, 5]

Polyfill

Array.prototype.reduce was added to the ECMA-262 standard in the 5th edition; as such it may not be present in all implementations of the standard. You can work around this by inserting the following code at the beginning of your scripts, allowing use of reduce in implementations which do not natively support it.

// Production steps of ECMA-262, Edition 5, 15.4.4.21
// Reference: https://es5.github.io/#x15.4.4.21
if (!Array.prototype.reduce) {
  Array.prototype.reduce = function(callback /*, initialValue*/) {
    'use strict';
    if (this == null) {
      throw new TypeError('Array.prototype.reduce called on null or undefined');
    }
    if (typeof callback !== 'function') {
      throw new TypeError(callback + ' is not a function');
    }
    var t = Object(this), len = t.length >>> 0, k = 0, value;
    if (arguments.length == 2) {
      value = arguments[1];
    } else {
      while (k < len && !(k in t)) {
        k++; 
      }
      if (k >= len) {
        throw new TypeError('Reduce of empty array with no initial value');
      }
      value = t[k++];
    }
    for (; k < len; k++) {
      if (k in t) {
        value = callback(value, t[k], k, t);
      }
    }
    return value;
  };
}

Specifications

Browser compatibility

Zobacz też

• Array.prototype.reduceRight()