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 una qualunque lista per i parametri di tipo params in C#
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Recuperare App Service cancellati su Azure
Introduzione alle Container Queries
Referenziare un @layer più alto in CSS
Selettore CSS :has() e i suoi casi d'uso avanzati
Creare un webhook in Azure DevOps
Utilizzare QuickGrid di Blazor con Entity Framework
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Configurare e gestire sidecar container in Azure App Service
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core