Elementi essenziali di Map e Set
Usi Map per le ricerche chiave→valore e Set per i valori unici; esegui iterazioni, conversioni e applichi piccoli schemi.
Elementi essenziali di Map e Set è una lezione JavaScript Academy gratuita su CoddyKit. Questa è la lezione 1 di 3. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento JavaScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso JavaScript Academy include 3 lezioni in totale.
Perché Map e Set?
Obiettivo: scegliere il contenitore giusto.
- Map: chiave→valore (qualsiasi tipo di chiave)
- Set: valori unici
- Iterazione e conversione
- Semplici pattern di uso quotidiano
Map: set/get/has
Map offre set, get, has, delete, clear e una proprietà size.
// Map: key→value with any key type
const userToScore = new Map();
// set values
userToScore.set("ayla", 10);
userToScore.set("mina", 15);
// read values
console.log("ayla:", userToScore.get("ayla"));
console.log("has lena?", userToScore.has("lena"));
// size
console.log("size:", userToScore.size);
Set: valori unici
Set conserva una sola copia di ogni valore; i duplicati vengono ignorati.
// Set: unique values
const seen = new Set();
// add values (duplicates are ignored)
seen.add("red");
seen.add("blue");
seen.add("red"); // ignored
console.log("size:", seen.size);
console.log("has red?", seen.has("red"));
seen.delete("blue");
console.log("after delete:", seen.size);
Perché preferire Map a Object
Map conserva l'identità degli oggetti usati come chiavi. Gli oggetti normali convertono le chiavi in stringhe.
// Map can use objects as keys directly
const key1 = { id: 1 };
const key2 = { id: 1 }; // different reference
const map = new Map();
map.set(key1, "A");
console.log("get key1:", map.get(key1));
console.log("get key2:", map.get(key2)); // undefined (different object)
const obj = {};
obj[key1] = "B"; // coerces key to "[object Object]"
console.log("object key:", obj["[object Object]"]);
Conversioni
Crei array senza duplicati a partire da un Set. Costruisca una Map da pairs e la riconverta usando entries().
// Unique array values via Set
const nums = [2, 2, 3, 4, 3];
const unique = Array.from(new Set(nums));
console.log("unique:", unique);
// Map from pairs; back to pairs
const pairs = [["a", 1], ["b", 2]];
const m = new Map(pairs);
console.log("get a:", m.get("a"));
console.log("entries:", Array.from(m.entries()));
Pattern da ricordare
Semplici pattern:
- Utilizzi Map per i conteggi (chiave → numero).
- Utilizzi Set per verificare rapidamente l'appartenenza.
- Preferisca Map quando le chiavi non sono stringhe o quando serve mantenere l'ordine di inserimento.
Quiz sull'unicità di Set
Verifica rapida: unicità.
Riepilogo
Riepilogo: scelga Map per le ricerche chiave→valore (qualsiasi tipo di chiave) e Set per i valori unici; iteri e converta con entries()/Array.from.
Domande Frequenti
La lezione «Elementi essenziali di Map e Set» è gratuita?
Sì — il testo completo di «Elementi essenziali di Map e Set» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso JavaScript Academy, passa a CoddyKit PRO. Il corso JavaScript Academy include 3 lezioni in totale.
Cosa imparerò in «Elementi essenziali di Map e Set»?
Usi Map per le ricerche chiave→valore e Set per i valori unici; esegui iterazioni, conversioni e applichi piccoli schemi. Eserciti JavaScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare JavaScript Academy?
Non è richiesta alcuna esperienza precedente. JavaScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 1 di 3.
Quanto tempo richiede la lezione «Elementi essenziali di Map e Set»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione JavaScript Academy?
Sì. Ogni lezione JavaScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Elementi essenziali di Map e Set
- WeakMap e WeakSet — privacy e cache semplici
- Schemi di iterazione