Método JavaScript Array reduce()
El método reducir() en JavaScript ejecuta una función reductora para cada elemento de la matriz, devolviendo un único valor acumulado. Omite elementos de matriz vacíos y no modifica la matriz original, lo que lo hace útil para la agregación de datos concisos.
Sintaxis:
array.reduce( function(total, currentValue, currentIndex, arr), initialValue )
Parámetros:
Este método acepta cinco parámetros como se mencionó anteriormente y se describe a continuación:
- función (total, valor actual, índice, arreglo): Es el parámetro requerido y se usa para ejecutar cada elemento de la matriz. Contiene cuatro parámetros que se enumeran a continuación:
| Nombre del parámetro | Descripción | Requerido/Opcional |
|---|---|---|
| total | Especifica el valor inicial o el valor devuelto previamente de la función. | Requerido |
| valor actual | Especifica el valor del elemento actual. | Requerido |
| índice actual | Especifica el índice de matriz del elemento actual. | Opcional |
| llegar | Especifica el objeto de matriz al que pertenece el elemento actual. | Opcional |
valor inicial: Es un parámetro opcional y se utiliza para especificar el valor que se pasará a la función como valor inicial.
Valor de retorno: El método de reducción de matriz de JavaScript devuelve un único valor/elemento después de atravesar la matriz completa.
A continuación se muestran ejemplos de Reducir matriz() método.
Ejemplo 1: En este ejemplo, escribiremos una función de reducción para simplemente imprimir la diferencia de los elementos de la matriz.
JavaScript // Input array let arr = [175, 50, 25]; // Callback function for reduce method function subofArray(total, num) { return total - num; } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(subofArray)); } myGeeks() Producción
100
Ejemplo 2: Este ejemplo utiliza el método reduce() para devolver la suma de todos los elementos de la matriz.
JavaScript // Input array let arr = [10, 20, 30, 40, 50, 60]; // Callback function for reduce method function sumofArray(sum, num) { return sum + num; } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(sumofArray)); } myGeeks(); Producción
210
Ejemplo 3: Este ejemplo utiliza el método reduce() para devolver la suma redonda de todos los elementos de la matriz.
JavaScript // Input array let arr = [1.5, 20.3, 11.1, 40.7]; // Callback function for reduce method function sumofArray(sum, num) { return sum + Math.round(num); } //Fucntion to execute reduce method function myGeeks(item) { // Display output console.log(arr.reduce(sumofArray, 0)); } myGeeks(); Producción
74
Tenemos una lista completa de métodos de matriz de Javascript; para verificarlos, consulte esto Referencia completa de matriz Javascript artículo.
Navegadores compatibles: Los navegadores soportados por JavaScript Reducir matriz() método se enumeran a continuación:
- Google Chrome
- Borde
- Firefox
- Ópera
- Safari