Nello script #377 abbiamo analizzato alcune microfunzioni che possono tornarci utili quando dobbiamo interagire con liste di oggetti o valori.
I metodi sono stati scritti in modo da poter essere il più generici possibile e condivisibili tra progetti. Nello script di oggi vediamo altri tre metodi che ci possono aiutare quando abbiamo a che fare con gli oggetti o array.
Per la formattazione di un testo abbiamo vari metodi in JavaScript: toLowerCase o toUpperCase per rendere la stringa maiuscola o minuscola, oppure trim per rimuovere gli spazi bianchi in eccesso. Tuttavia non abbiamo nulla di precostruito per rendere maiuscola solo la prima lettera. Per raggiungere questo risultato possiamo utilizzare la seguente funzione.
const capitalize = (str) => `${str.charAt(0).toUpperCase()}${str.slice(1)}`; const s = "mi chiamo Morgan"; capitalize(s) // "Mi chiamo Morgan";
Il metodo prende il primo carattere della stringa, effettua l'uppercase e concatena la parte restante tramite la string interpolation.
Un'altra funzione, per la quale abbiamo avuto un'anticipazione quando abbiamo parlato della differenza tra Set ed Array, è la rimozione dei duplicati.
const removeDuplicates = (arr) => [...new Set(arr)]; const a = ["Morgan","Daniele","Morgan"]; removeDuplicates(a) // ["Morgan","Daniele"];
Il trucco sta nell'inserire l'array all'interno di un Set, in modo da rimuovere ogni duplicato, e riportare poi il Set all'interno di un array tramite la spread syntax [...].
Ma se volessimo, invece che rimuovere, contare le volte in cui appare una stringa, possiamo utilizzare la funzione reduce al cui interno effettuiamo un conteggio.
const countOccurrences = (arr, value) => arr.reduce((a, v) => (v === value ? a + 1 : a), 0); const a = ["Morgan","Daniele","Morgan"]; countOccurrences(a,"Morgan") // 2
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare politiche di resiliency con Azure Container App
Utilizzare gRPC su App Service di Azure
Paginare i risultati con QuickGrid in Blazor
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Reactive form tipizzati con FormBuilder in Angular
Usare un KeyedService di default in ASP.NET Core 8
Effettuare lo stream della risposta in ASP.NET Core tramite IAsyncEnumerable
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Ordinare randomicamente una lista in C#
Creare gruppi di client per Event Grid MQTT
Implementare il throttling in ASP.NET Core
Utilizzare Tailwind CSS all'interno di React: installazione