Javascript Nuovo Set

| | | | | | |

Come usare i set in JavaScript

Hai un elenco di dati che dovrebbe contenere solo valori univoci? è qui che il tipo di dati JavaScript Set brilla davvero. è un nuovo tipo di oggetto che ti permette di creare una collezione di valori unici; non sono consentiti duplicati all’interno di un set.

In questa guida parleremo di cosa sono i set, come funzionano e quando possono essere utili. Esamineremo alcuni esempi di ciascuno dei metodi Set disponibili in JavaScript.

Che cos’è un set?

Un set è un insieme di valori che non può contenere duplicati. Questo tipo di dati è stato introdotto in ECMAScript 6. In particolare, i set sono una caratteristica di molti altri linguaggi di programmazione.

Gli elenchi sono utili perché consentono di memorizzare più valori. Gli elenchi supportano la memorizzazione di valori duplicati, il che può essere utile in una miriade di scenari.

Ad esempio, se stai archiviando un elenco di ordini effettuati in un bar, dovrai in grado di memorizzare valori duplicati. Due clienti possono ordinare la stessa bevanda.

Ci sono alcuni casi in cui vorrai memorizzare solo valori univoci in un elenco. è li che desideri utilizzare l’oggetto Set. I valori negli insiemi possono apparire solo una volta.

In JavaScript, un insieme viene dichiarato come qualsiasi altro oggetto. Creiamo un Set che memorizzi un elenco delle torte preferite segnalate dai clienti in una sala da tè locale:

Il nostro codice restituisce: Imposta []. Abbiamo appena creato un set. Non ha valori al momento, come puoi vedere dall’output del nostro codice; li aggiungeremo in seguito.

Inizia un set con impostazione predefinita Valori

Gli insiemi possono essere inizializzati da un array, una stringa o un altro iterabile. Questo è utile perché significa che non devi aggiungere manualmente valori al tuo Set; puoi lavorare da quelli esistenti.

Considera il seguente elenco:

Questi valori sono attualmente memorizzati in un array. Per convertirli in un Set, possiamo passare il nostro array quando crea un nuovo oggetto Set:

Il nostro codice restituisce:

Aggiunta di valori a un set

L’oggetto Set viene fornito con un metodo chiamato add () che semplifica l’aggiunta di elementi in un set. Il nome del metodo utilizzato per aggiungere un elemento a un set è persino facile da ricordare: add().

Diciamo che vogliamo aggiungere "Boston Cream Pie" alla nostra lista di torte che vengono vendute in un panificio locale. Usiamo il metodo add() per aggiungere questo valore:

Il nostro codice restituisce:

Il nostro set ora contiene quattro oggetti. Se provi ad aggiungere un oggetto che è già in un Set, quell’oggetto non verrà aggiunto. I set non possono memorizzare valori duplicati.

Controllare se un valore esiste in un set

Dobbiamo controllare se "Boston Cream Pie" è nella nostra lista di torte. Era una nuova aggiunta all’elenco delle torte e il fornaio vuole ricontrollare che l’abbiamo aggiunta.

Ecco dove arriva il metodo has() in. Il metodo has() consente di verificare se un Set ha un valore particolare. Di nuovo, il metodo ha un nome facile da ricordare!

Considera il seguente codice:

Il nostro codice restituisce: true. Il metodo has() restituisce un valore booleano, vero o falso, a seconda che un Set contenga un valore particolare. Questo metodo è simile a includes() che utilizzeresti su un array ma has() funziona solo con Sets.

Rimuovere un valore da un set

Il fornaio ha deciso che le cheesecake alla fragola non saranno più servite in pasticceria. La cheesecake alla fragola ha richiesto più tempo di altre torte e non era molto popolare.

Puoi rimuovere un valore da un Set utilizzando il metodo delete() dal nome appropriato. Rimuoviamo il valore "Strawberry Cheesecake" dal nostro Imposta:

Il nostro codice restituisce:

La cheesecake alla fragola è stata rimossa dal nostro set.

Puoi rimuovere tutti i valori da un set utilizzando il metodo clear().

Itera su un S et

Gli insiemi, come le liste, sono oggetti iterabili. Sai cosa significa: puoi scorrere su di essi.

Utilizzeremo un ciclo for-ogni per scorrere il nostro set di torte. Il nostro ciclo for-each esaminerà ogni elemento della nostra lista‚Äîper ogni elemento della lista‚Äîe lo stamperà sulla console:

Il nostro codice restituisce un iteratore che stampa ogni valore nel nostro Set sulla console:

è cosi semplice! Potresti anche usare un ciclo for-of:

Questo codice restituisce lo stesso output del nostro ciclo forEach:

Potresti scegliere di utilizzare un ciclo for per scorrere un Set, ma poiché i Set sono iterabili oggetti, è più facile usare solo un for-each o for-of loop.

Rimozione dei valori duplicati usando Set

Quando inizializzi un Set con un array, tutti i valori duplicati verranno automaticamente rimossi. Questa è una funzionalità incredibilmente utile.

Diciamo che abbiamo un elenco che contiene un numero di ordini di torte:

Questo set contiene tutte le ordinazioni di torte fatte al panificio. In totale, ci sono otto valori; due valori sono duplicati.

Supponiamo che il fornaio voglia sapere quali tipi di torte sono stati ordinati, in modo che possa iniziare a preparare la sua cucina. Potremmo scoprirlo convertendo il nostro Set in una lista:

Il nostro codice restituisce:

La nostra lista è stata ridotta a sei valori. Questi sono tutti i valori unici del nostro elenco di ordini. C’è ancora un passaggio.

Dobbiamo riconvertire il nostro set di torte in un elenco in modo da poter interagire con esso utilizzando i metodi di elenco standard. Possiamo farlo quindi usando th e Array.from() metodo:

Il nostro codice restituisce:

Mentre l’output di questo codice è simile al nostro Set, c’è una grande differenza: i nostri dati sono ora memorizzati come un array. Ciò significa che possiamo interagire con esso utilizzando tutti i metodi array JavaScript incorporati.

Conclusione

L’oggetto Set consente di memorizzare un elenco di elementi che possono contenere solo valori univoci . I set possono essere inizializzati da un oggetto iterabile esistente, come un elenco o una stringa.

Poiché l’oggetto Set rimuove i valori duplicati, puoi usarlo come un modo per rimuovere eventuali duplicati da un array . Quindi, una volta terminato, puoi riconvertire il tuo Set in un array.

Ora sei pronto per iniziare a utilizzare Sets in JavaScript come un professionista!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method