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