📢 Nuovo Corso Bootstrap Completo disponibile!

Set in Javascript

In questa lezione, esploreremo il concetto di “Set” in JavaScript. I Set sono collezioni di valori unici, il che significa che non possono contenere duplicati. Vedremo come creare, manipolare e utilizzare Set per gestire dati senza ripetizioni.

Creazione di Set

I Set possono essere creati utilizzando il costruttore Set() senza argomenti.

let colors = new Set();
colors.add("red");
colors.add("green");
colors.add("blue");

Aggiunta e Rimozione di Elementi da un Set

Puoi aggiungere elementi a un Set utilizzando il metodo add() e rimuoverli con il metodo delete().

colors.add("yellow"); // Aggiunta dell'elemento "yellow"
colors.delete("green"); // Rimozione dell'elemento "green"

Verifica della Presenza di un Elemento in un Set

Puoi verificare se un elemento è presente in un Set utilizzando il metodo has().

let hasBlue = colors.has("blue"); // true
let hasPurple = colors.has("purple"); // false

Iterare in un Set

Puoi utilizzare cicli for...of per iterare attraverso gli elementi di un Set.

for (let color of colors) {
console.log(color);
}

Dimensione di un Set

La proprietĂ  size restituisce la quantitĂ  di elementi in un Set.

let size = colors.size; // 2

Conversione tra Array e Set

Puoi convertire un Set in un array utilizzando l’operatore spread ... o il costruttore Array.from().

let colorsArray = [...colors]; // Converte Set in Array
let colorsSet = new Set(colorsArray); // Converte Array in Set

Uso Comune di Set

I Set sono spesso utilizzati per rimuovere duplicati da un array.

let numbers = [1, 2, 3, 4, 2, 3, 5];
let uniqueNumbers = [...new Set(numbers)]; // [1, 2, 3, 4, 5]

Conclusioni

I Set in JavaScript offrono un modo semplice per gestire collezioni di valori unici. Sono particolarmente utili quando è necessario garantire l’assenza di duplicati nei dati. Ora che hai familiarità con i concetti di base dei Set, puoi utilizzarli per semplificare la gestione dei dati nelle tue applicazioni JavaScript.