Sintaxis:
var resultado = arr.reduce(funcion[, valorInicial]);
El método reduce()
aplica una función a un acumulador y a cada valor de un array (de izquierda a derecha) para reducirlo a un único valor.
Parametros de .reduce:
Función a ejecutar para cada valor del array, que recibe cuatro parámetros:
Parámetros de la función:
El valor devuelto (retornado) en la llamada anterior de la función, o
el valorInicial
, si se proveyó. (Ver a continuación.)
Elemento actual que está siendo procesado en el array.
Índice del elemento actual que está siendo procesado en el array.
El array sobre el cual se llamó el método reduce.
Objeto a usar como primer argumento en la primera llamada de la función.
Ejemplo Practico:
[0,1,2,3,4].reduce(function(valorAnterior, valorActual, indice, vector){
return valorAnterior + valorActual;
});
// Primera llamada
valorAnterior = 0, valorActual = 1, indice = 1
// Segunda llamada
valorAnterior = 1, valorActual = 2, indice = 2
// Tercera llamada
valorAnterior = 3, valorActual = 3, indice = 3
// Cuarta llamada
valorAnterior = 6, valorActual = 4, indice = 4
// el array sobre el que se llama a reduce siempre es el objeto [0,1,2,3,4]
// Valor Devuelto: 10
Con valor inicial:
[0,1,2,3,4].reduce(function(valorAnterior, valorActual, indice, vector){
return valorAnterior + valorActual;
}, 10);
// Primera llamada
valorAnterior = 10, valorActual = 0, indice = 0
// Segunda llamada
valorAnterior = 10, valorActual = 1, indice = 1
// Tercera llamada
valorAnterior = 11, valorActual = 2, indice = 2
// Cuarta llamada
valorAnterior = 13, valorActual = 3, indice = 3
// Quinta llamada
valorAnterior = 16, valorActual = 4, indice = 4
// el array sobre el que se llama a reduce siempre es el objeto [0,1,2,3,4]
// Valor Devuelto: 20
Fuente y más ejemplos aquí