In JavaScript esiste un metodo chiamato reduce. Rilasciato nel lontano 2011 con ECMAScript 5 insieme ai ben più noti map, filter o indexOf, è molto meno utilizzato e spesso incompreso nella sua funzionalità, ma permette di scrivere all'interno di un unica riga operazioni ben più complesse.
Prendendo una definizione generalista: reduce permette, tramite una funzione, di condensare gli elementi di un array in un singolo valore. Prendiamo in esame l'esempio seguente, in cui, partendo da un array di numeri, ne ricaviamo la somma.
const numbers = [12, 2, 11, 6]; const initialValue = 0; var sum = numbers.reduce(sum, initialValue); function sum(total, num) { return total + num; }
Quello appena presentato non è altro che la riscrittura di un ciclo for:
const numbers = [12, 2, 11, 6]; const initialValue = 0; let acc = 0; for(let i=0;i<numbers.length;i++){ acc += numbers<i>; }
Con reduce possimo utilizzare anche una funzione inline, evitandoci di crearne una ad-hoc per ogni necessità, riducendo dunque le righe di codice. La funzione seguente, ad esempio, esegue le stesse operazioni di una map, andando a moltiplicare ogni elemento per 5 e restituendo, di volta in volta, l'array di valori:
const numbers = [12, 2, 11, 6]; numbers.reduce((acc,num)=> acc.concat(num*5),[]);
Possiamo scrivere l'analogo di filter, andando a restituire, all'interno della funzione, l'array di valori in base a specifiche condizioni.
const numbers = [12, 2, 11, 6]; numbers.reduce((acc,num)=> return num > 5 ? acc.concat(num) : acc, []);
Ma anche trovare il valore più alto o più basso
const numbers = [2, 12, 2, 11, 6]; // non fornendo il valore iniziale, verrà preso il primo valore dell'array: 2 numbers.reduce((acc,num)=> num > acc ? num : acc);
Quelli riportati sono solo alcuni esempi riguardanti le possibilità di utilizzo del metodo reduce, che si dimostra elastico e malleabile per ogni caso d'uso, e rende possibile anche funzionalità come l'ordinamento o l'inversione gli elementi in un array, l'esecuzione di un mapping da array di oggetti a oggetto con più proprietà o lavorare con matrici.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Assegnare un valore di default a un parametro di una lambda in C#
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Applicare un filtro per recuperare alcune issue di GitHub
Referenziare un @layer più alto in CSS
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Disabilitare automaticamente un workflow di GitHub
Utilizzare QuickGrid di Blazor con Entity Framework
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Migliorare la scalabilità delle Azure Function con il Flex Consumption
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
I più letti di oggi
- Utilizzare AAD su SQL Database durante lo sviluppo con Visual Studio
- Utilizzare il TransferControl in Windows Phone
- Gestione dei token negli input di testo con la Universal Windows Platform
- Dare temporaneamente accesso ad un blob di Azure Storage
- Impostare le policy CORS con Azure API Management
- Utilizzare database e servizi con gli add-on di Container App
- Utilizzare HttpModule in modalità asincrona
- Indicizzare i Blob Storage con Azure Search
- Creazione di StateTrigger personalizzati in Universal Windows Platform
- Modificare i criteri della clausola Where del LinqDataSource di ASP.NET