In JavaScript un object può avere i più svariati utilizzi. Possiamo utilizzarlo per avere una rappresentazione di un'informazione, un insieme di funzioni o di dati. Ma non per questo non esistono strumenti migliori o più performanti; ad esempio per un dizionario è consigliato l'utilizzo di Map.
Vediamo prima di cosa stiamo parlando attraverso l'utilizzo di oggetti.
// oggetto vuoto const myObj = {} // assegnazione myObj["XY"] = 123 //rimozione delete myObj["XY"]
Benchè il codice sia perfettamente funzionante, non è di certo performante. Infatti come indicato nella documentazione, non è consigliato per operazioni intensive di aggiunta/rimozione di chiavi/valori. Vediamone quindi la trasposizione utilizzando Map.
const myMap = new Map() // assegnazione myMap.set("XY", 123) //rimozione myMap.delete("XY")
Uno dei problemi principali quando trattiamo gli oggetti è che per loro natura contengono molte funzioni che, anche se l'oggetto non è ancora popolato, potrebbero restituire valori. A queste funzioni possono accedere tutte le funzioni che avranno accesso all'oggetto e allo stesso tempo potranno sovrascriverle; situazione non ottimale in un programma in cui si ricerca la massima sicurezza. Inoltre l'iterazione può avvenire in vari modi, e può generare altrettati possibili errori.
const myObj = {} myObj.valueOf myObj.toString myObj.hasOwnProperty [...] for (const key in myObject) { // Potrebbe iterare su chiavi inattese } for (const key in myObj) { if (myObj.hasOwnProperty(key)) { // conferma che l'oggetto contenga la chiave, ma potrebbe essere stata sovrascritta in precedenza tramite // myObj.hasOwnProperty = () => myCustomFunction() } } Object.keys(myObject).forEach(key => { // itearazione ottimale, ma particolare e non di facile intuizione })
Con l'utilizzo di Map possiamo fare tutto tramite un classico foreach. Manterremo inoltre un ordine temporale rispetto all'inserimento degli oggetti, il che ci permetterà di estrarre uno specifico valore sulla base del suo inserimento.
for (const [key, value] of myMap) { // decostruzione dell'elemento in key/value } const myMap = new Map([['key', 'value'], ['keyTwo', 'valueTwo']]) // decostruzione dell'oggetto const [[a,b],[c,d]] = myMap // a=>key // b=>value // c=>keyTwo // d=>valueTwo
Essendo Map un oggetto nativo in JavaScript, abbiamo, se necessaria, la possibilità di passare da uno all'altro attraverso metodi di conversione.
const myObj = Object.fromEntries(myMap) const myMap = new Map(Object.entries(myObj))
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Collegare applicazioni server e client con .NET Aspire
Path addizionali per gli asset in ASP.NET Core MVC
Combinare Container Queries e Media Queries
Estrarre dati randomici da una lista di oggetti in C#
Gestione degli stili CSS con le regole @layer
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Utilizzare Azure Cosmos DB con i vettori
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Referenziare un @layer più alto in CSS
Disabilitare automaticamente un workflow di GitHub
Recuperare automaticamente un utente e aggiungerlo ad un gruppo di Azure DevOps
Visualizzare le change sul plan di Terraform tramite le GitHub Actions