8 metodi JavaScript impostati che dovresti padroneggiare oggi

Un set JavaScript è una raccolta di valori univoci.

I set possono contenere valori di qualsiasi tipo di dati. Possono essere semplici primitive, come numeri interi o stringhe, ecc., o tipi complessi come array o letterali oggetto. I valori nel Set possono verificarsi solo una volta.

In questo articolo imparerai otto metodi JavaScript Set che dovresti padroneggiare oggi.

1. Come creare un nuovo set su JavaScript

Puoi creare un nuovo oggetto Set usando il pulsante nuovoSet() costruttore. L'oggetto Set archivia valori univoci di qualsiasi tipo di dati. Questo costruttore accetta un oggetto iterabile come parametro.

const setObj = new Set([21, 34, 35, 56, 23]);
console.log (setObj);

Produzione:

Insieme (5) { 21, 34, 35, 56, 23 }

Se non specifichi nulla nel parametro, viene creato un nuovo Set vuoto.

const setObj = new Set();
console.log (setObj);

Produzione:

Imposta (0) {}

Se provi a creare un Set con elementi ripetuti, gli elementi duplicati verranno rimossi e verrà restituito un Set univoco.

const setObj = new Set([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Produzione:

Imposta (3) { 1, 2, 3 }

Puoi anche creare un set utilizzando tipi di dati misti.

const setObj = new Set([1, 2, "Ciao", [45, 67, 78]]);
console.log (setObj);

Produzione:

Imposta (4) { 1, 2, 'Ciao', [ 45, 67, 78 ] }

2. Come aggiungere nuovi elementi a un oggetto impostato

Puoi aggiungere un nuovo elemento alla fine dell'oggetto Set usando il pulsante Inserisci() metodo. Questo metodo accetta il valore dell'elemento da aggiungere all'oggetto Set come parametro e restituisce il nuovo oggetto Set con il valore aggiunto.

const setObj = new Set();
setObj.add("Benvenuto");
setObj.add("a");
setObj.add("MUO");
console.log (setObj);

Produzione:

Imposta (3) { 'Benvenuto', 'a', 'MUO' }

Puoi passare direttamente il valore come parametro oppure puoi passare la variabile come uno.

const setObj = new Set();
// Aggiunta di valore a un oggetto Set
setObj.add("Benvenuto");
const var1 = "a";
const var2 = "MUO";
// Aggiunta di una variabile a un oggetto Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Produzione:

Imposta (3) { 'Benvenuto', 'a', 'MUO' }

Il Inserisci() Il metodo supporta anche il concatenamento.

const setObj = new Set();
// Concatenamento
setObj.add (1).add (2).add (3);
console.log (setObj);

Produzione:

Imposta (3) { 1, 2, 3 }

Se provi ad aggiungere elementi duplicati, verrà salvata solo la prima istanza dell'elemento.

const setObj = new Set();
setObj.add (1);
setObj.add (2);
setObj.add (3);
setObj.add("M");
setObj.add("U");
setObj.add("O");
setObj.add (1);
setObj.add (2);
setObj.add (3);
console.log (setObj);

Produzione:

Imposta (6) { 1, 2, 3, 'M', 'U', 'O' }

3. Come rimuovere tutti gli elementi da un oggetto impostato

Puoi rimuovere tutti gli elementi da un oggetto Set usando il chiaro() metodo. Questo metodo rimuove tutti gli elementi e restituisce non definito.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Dimensione dell'oggetto Set: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Dimensione dell'oggetto Set dopo aver cancellato gli elementi: " + setObj.size);
console.log (setObj);

Produzione:

Dimensione dell'oggetto Set: 5
Imposta (5) { 1, 2, 3, 4, 5 }
Dimensione dell'oggetto Set dopo aver cancellato gli elementi: 0
Imposta (0) {}

Imparentato: Metodi di stringhe JavaScript che dovresti padroneggiare oggi

4. Come eliminare un elemento specifico da un oggetto impostato

Puoi eliminare un elemento specifico da un oggetto Set (se esiste) usando il pulsante Elimina() metodo. Questo metodo accetta il valore da eliminare dal Set. Se il valore viene trovato, il metodo restituisce vero. Altrimenti sarà falso.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Insieme iniziale:");
console.log (setObj);
setObj.cancella (3);
console.log("Imposta dopo aver eliminato 3");
console.log (setObj);

Produzione:

Set iniziale:
Imposta (5) { 1, 2, 3, 4, 5 }
Imposta dopo aver eliminato 3
Imposta (4) { 1, 2, 4, 5 }

5. Come verificare se un elemento esiste in un set

Puoi controllare se un elemento esiste in un oggetto Set usando il pulsante ha() metodo. Questo metodo accetta il valore come parametro per verificare la presenza nell'oggetto Set. Se l'elemento viene trovato, il metodo restituisce vero; altrimenti sarà falso.

const setObj = new Set(["Benvenuto", "a", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Produzione:

vero
falso

6. Qual è il metodo entry() nell'oggetto set JavaScript?

Secondo il funzionario Documenti Web MDN:

"Il inserimenti() Il metodo restituisce un nuovo oggetto Iterator che contiene un array di [valore, valore] per ogni elemento nell'oggetto Set, in ordine di inserimento. Per gli oggetti Set, non esiste una chiave come negli oggetti Mappa. Tuttavia, per mantenere l'API simile all'oggetto Map, ogni voce ha lo stesso valore per la sua chiave e il suo valore qui, in modo che venga restituito un array [valore, valore]."

const setObj = new Set(["Benvenuto", "a", "MUO"]);
for (let entry di setObj.entries()) {
console.log (voce);
}

Produzione:

[ 'Benvenuto benvenuto' ]
['a', 'a']
['MUO', 'MUO']

const setObj = new Set(["Benvenuto", "a", "MUO"]);
for (let [chiave, valore] di setObj.entries()) {
console.log (valore);
}

Produzione:

Accoglienza
a
MUO

Le chiavi ei valori nel Set sono identici.

const setObj = new Set(["Benvenuto", "a", "MUO"]);
for (let [chiave, valore] di setObj.entries()) {
console.log (valore chiave);
}

Produzione:

vero
vero
vero

Imparentato: Come usare i loop in JavaScript

7. Qual è il metodo forEach() nell'oggetto set JavaScript?

Il per ciascuno() Il metodo richiama una funzione per ogni elemento dell'oggetto Set. Questo metodo restituisce non definito.

const setObj = new Set([1, 2, 3, 4, 5]);
sia somma = 0;
setObj.forEach (funzione (elemento) {
somma += elemento;
});
console.log (somma);

Produzione:

15

8. Qual è il metodo values() nell'oggetto set JavaScript?

Il valori() il metodo restituisce an Iteratore oggetto che contiene tutti i valori in un Set e lo fa in ordine di inserimento.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (let value of iteratorObj) {
console.log (valore);
}

Produzione:

1
2
3
4
5

Imparentato: Introduzione a iteratori e generatori in JavaScript

Nota: un oggetto Set in JavaScript non ha chiavi. Ma per rendere i set compatibili con Maps, il chiavi() viene utilizzato come alias per il valori() metodo. Il chiavi() il metodo si comporta esattamente come il valori() metodo.

Ora sai come creare set in JavaScript

Così il gioco è fatto. Dopo aver letto questo articolo, dovresti avere molto per aiutarti a padroneggiare la creazione di set su JavaScript.

La creazione di set è fondamentale per qualsiasi programmatore che cerca di migliorare il proprio gioco. Una volta che hai imparato questo, puoi passare al perfezionamento di altre abilità, come la creazione di array.

15 metodi di array JavaScript che dovresti padroneggiare oggi

Vuoi capire gli array JavaScript ma non riesci a conoscerli? Controlla i nostri esempi di array JavaScript per assistenza.

Leggi Avanti

Circa l'autore