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
Linting di un Dockerfile con un workflow di GitHub
Effettuare delete massive con Entity Framework Core 7
Utilizzo di Set e Array in JavaScript
3 metodi JavaScript che ogni applicazione web dovrebbe contenere
Usare le variabili per personalizzare gli stili CSS
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Organizzare i moduli sfruttando CommonJS
Utilizzare il tag HTML template
Leggere la configurazione da Azure KeyVault con logica di retry in ASP.NET Core
Specificare il versioning nel path degli URL in ASP.NET Web API
Fare automaticamente il merge di una pull request con un workflow di GitHub
Utilizzare la libreria Benchmark.NET per misurare le performance