Metodo JavaScript Array reduce()

IL metodo reduce() in JavaScript esegue una funzione di riduzione per ciascun elemento dell'array, restituendo un singolo valore accumulato. Salta gli elementi vuoti dell'array e non modifica l'array originale, rendendolo utile per l'aggregazione concisa dei dati.

Sintassi:

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

parametri:

Questo metodo accetta cinque parametri come menzionato sopra e descritto di seguito:

  • funzione(totale, valorecorrente, indice, arr): È il parametro obbligatorio e viene utilizzato per l'esecuzione per ciascun elemento dell'array. Contiene quattro parametri elencati di seguito:
Nome del parametro Descrizione Obbligatorio/facoltativo
totale Specifica il valore iniziale o il valore restituito in precedenza della funzione Necessario
valore corrente Specifica il valore dell'elemento corrente Necessario
currentIndex Specifica l'indice dell'array dell'elemento corrente Opzionale
arr Specifica l'oggetto dell'array a cui appartiene l'elemento corrente Opzionale

valore iniziale: È un parametro facoltativo e viene utilizzato per specificare il valore da passare alla funzione come valore iniziale.

Valore di ritorno: Il metodo di riduzione dell'array JavaScript restituisce un singolo valore/elemento dopo aver attraversato l'array completo.

Di seguito sono riportati esempi di Riduci array() metodo.

Esempio 1: In questo esempio, scriveremo una funzione di riduzione per stampare semplicemente la differenza degli elementi dell'array.

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

Produzione
100 

Esempio 2: Questo esempio utilizza il metodo reduce() per restituire la somma di tutti gli elementi dell'array.

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

Produzione
210 

Esempio 3: Questo esempio utilizza il metodo reduce() per restituire la somma rotonda di tutti gli elementi dell'array.

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

Produzione
74 

Abbiamo un elenco completo di metodi Javascript Array, per controllarli ti invitiamo a consultare questo Riferimento completo per l'array Javascript articolo.

Browser supportati: I browser supportati da JavaScript Riduci array() metodo sono elencati di seguito:

  • Google Chrome
  • Bordo
  • Firefox
  • musica lirica
  • Safari