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
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Eseguire i worklow di GitHub su runner potenziati
Referenziare un @layer più alto in CSS
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Ottenere un token di accesso per una GitHub App
Esportare ed analizzare le issue di GitHub con la CLI e GraphQL
Ottimizzazione dei block template in Angular 17
Ordine e importanza per @layer in CSS
Utilizzare Model as a Service su Microsoft Azure
Creare una libreria CSS universale: Clip-path
Migrare una service connection a workload identity federation in Azure DevOps
Usare le navigation property in QuickGrid di Blazor
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