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