Matriu JavaScript reduce() Mètode

El mètode reduce() en JavaScript executa una funció reductora per a cada element de matriu, retornant un únic valor acumulat. Omet els elements de matriu buits i no modifica la matriu original, cosa que la fa útil per a l'agregació de dades concisa.

Sintaxi:

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

Paràmetres:

Aquest mètode accepta cinc paràmetres tal com s'ha esmentat anteriorment i es descriu a continuació:

  • funció (total, valor actual, índex, arr): És el paràmetre necessari i s'utilitza per executar-se per a cada element de la matriu. Conté quatre paràmetres que s'enumeren a continuació:
Nom del paràmetre Descripció Obligatori/Opcional
total Especifica el valor inicial o el valor retornat prèviament de la funció Obligatori
valor actual Especifica el valor de l'element actual Obligatori
Índex actual Especifica l'índex de matriu de l'element actual Opcional
arr Especifica l'objecte matriu al qual pertany l'element actual Opcional

valor inicial: És un paràmetre opcional i s'utilitza per especificar el valor que s'ha de passar a la funció com a valor inicial.

Valor de retorn: El mètode de reducció de matriu JavaScript retorna un únic valor/element després de travessar la matriu completa.

A continuació es mostren exemples de Reducció de matriu () mètode.

Exemple 1: En aquest exemple, escriurem una funció de reducció per imprimir simplement la diferència dels elements de la matriu.

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() 

Sortida
100 

Exemple 2: Aquest exemple utilitza el mètode reduce() per retornar la suma de tots els elements de la matriu.

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(); 

Sortida
210 

Exemple 3: Aquest exemple utilitza el mètode reduce() per retornar la suma arrodonida de tots els elements de la matriu.

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(); 

Sortida
74 

Tenim una llista completa de mètodes Javascript Array, per comprovar-los, si us plau, aneu a través d'això Javascript Array Referència completa article.

Navegadors compatibles: Els navegadors compatibles amb JavaScript Reducció de matriu () mètode s'enumeren a continuació:

  • Google Chrome
  • Edge
  • Firefox
  • Òpera
  • Safari