8 metode de set JavaScript pe care ar trebui să le stăpâniți astăzi

Un set JavaScript este o colecție de valori unice.

Seturile pot conține valori de orice tip de date. Pot fi primitive simple, cum ar fi numere întregi sau șiruri de caractere etc. sau tipuri complexe, cum ar fi matrice sau literale obiect. Valorile din set pot apărea o singură dată.

În acest articol, veți învăța opt metode JavaScript Set pe care ar trebui să le stăpâniți astăzi.

1. Cum se creează un set nou pe JavaScript

Puteți crea un nou obiect Set folosind nouA stabilit() constructor. Obiectul Set stochează valori unice de orice tip de date. Acest constructor acceptă un obiect iterabil ca parametru.

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

Ieșire:

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

Dacă nu specificați nimic în parametru, este creat un nou set gol.

const setObj = set nou();
console.log (setObj);

Ieșire:

Setați (0) {}

Dacă încercați să creați un set cu elemente repetate, elementele duplicate vor fi eliminate și va fi returnat un set unic.

const setObj = set nou([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Ieșire:

Set (3) { 1, 2, 3 }

De asemenea, puteți crea un set folosind tipuri de date mixte.

const setObj = set nou([1, 2, „Bună”, [45, 67, 78]]);
console.log (setObj);

Ieșire:

Setați (4) { 1, 2, „Bună ziua”, [ 45, 67, 78 ] }

2. Cum să adăugați elemente noi la un obiect set

Puteți adăuga un nou element la sfârșitul obiectului Set folosind adăuga() metodă. Această metodă acceptă valoarea elementului de adăugat obiectului Set ca parametru și returnează noul obiect Set cu valoare adăugată.

const setObj = set nou();
setObj.add ("Bun venit");
setObj.add("la");
setObj.add("MUO");
console.log (setObj);

Ieșire:

Setați (3) { „Bun venit”, „către”, „MUO” }

Puteți trece direct valoarea ca parametru sau puteți trece variabila ca una în schimb.

const setObj = set nou();
// Adăugarea unei valori unui obiect Set
setObj.add ("Bun venit");
const var1 = "la";
const var2 = "MUO";
// Adăugarea unei variabile la un obiect Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Ieșire:

Setați (3) { „Bun venit”, „către”, „MUO” }

The adăuga() metoda acceptă și înlănțuirea.

const setObj = set nou();
// Înlănțuire
setObj.add (1).add (2).add (3);
console.log (setObj);

Ieșire:

Set (3) { 1, 2, 3 }

Dacă încercați să adăugați elemente duplicat, va fi salvată doar prima instanță a elementului.

const setObj = set nou();
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);

Ieșire:

Set (6) { 1, 2, 3, „M”, „U”, „O” }

3. Cum să eliminați toate elementele dintr-un obiect set

Puteți elimina toate elementele dintr-un obiect Set folosind clar() metodă. Această metodă elimină toate elementele și returnează nedefinit.

const setObj = set nou([1, 2, 3, 4, 5]);
console.log("Dimensiunea obiectului Set: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Dimensiunea obiectului Set după ștergerea elementelor: " + setObj.size);
console.log (setObj);

Ieșire:

Dimensiunea obiectului Set: 5
Set (5) { 1, 2, 3, 4, 5 }
Dimensiunea obiectului Set după ștergerea elementelor: 0
Setați (0) {}

Legate de: Metode de șiruri JavaScript pe care ar trebui să le stăpâniți astăzi

4. Cum să ștergeți un anumit element dintr-un obiect set

Puteți șterge un anumit element dintr-un obiect Set (dacă există) folosind șterge() metodă. Această metodă acceptă valoarea care trebuie ștearsă din set. Dacă valoarea este găsită, metoda revine Adevărat. Altfel, va fi fals.

const setObj = set nou([1, 2, 3, 4, 5]);
console.log("Setul inițial:");
console.log (setObj);
setObj.delete (3);
console.log("Setat după ștergerea a 3");
console.log (setObj);

Ieșire:

Set inițial:
Set (5) { 1, 2, 3, 4, 5 }
Setați după ștergere 3
Set (4) { 1, 2, 4, 5 }

5. Cum să verificați dacă un element există într-un set

Puteți verifica dacă un element există într-un obiect Set folosind are() metodă. Această metodă acceptă valoarea ca parametru pentru a testa prezența în obiectul Set. Dacă elementul este găsit, metoda revine Adevărat; altfel va fi fals.

const setObj = set nou(["Bun venit", "la", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Ieșire:

Adevărat
fals

6. Care este metoda entries() din obiectul set JavaScript?

Potrivit oficialului MDN Web Docs:

„Cel intrări() metoda returnează un nou obiect Iterator care conține o matrice de [valoare, valoare] pentru fiecare element din obiectul Set, în ordinea inserării. Pentru obiectele Set, nu există nicio cheie ca în obiectele Map. Cu toate acestea, pentru a menține API-ul similar cu obiectul Map, fiecare intrare are aceeași valoare pentru cheia și valoarea sa aici, astfel încât o matrice [valoare, valoare] este returnată."

const setObj = set nou(["Bun venit", "la", "MUO"]);
pentru (lasă intrarea setObj.entries()) {
console.log (intrare);
}

Ieșire:

[ 'Bine ai venit bine ai venit' ]
[ 'la', 'la']
[ „MUO”, „MUO”]

const setObj = set nou(["Bun venit", "la", "MUO"]);
pentru (lasă [cheie, valoare] din setObj.entries()) {
console.log (valoare);
}

Ieșire:

Bine ati venit
la
MUO

Cheile și valorile din set sunt identice.

const setObj = set nou(["Bun venit", "la", "MUO"]);
pentru (lasă [cheie, valoare] din setObj.entries()) {
console.log (valoarea cheii);
}

Ieșire:

Adevărat
Adevărat
Adevărat

Legate de: Cum se utilizează bucle în JavaScript

7. Care este metoda forEach() din obiectul set JavaScript?

The pentru fiecare() metoda invocă o funcție pentru fiecare element al obiectului Set. Această metodă revine nedefinit.

const setObj = set nou([1, 2, 3, 4, 5]);
fie suma = 0;
setObj.forEach (funcție (element) {
suma += element;
});
console.log (suma);

Ieșire:

15

8. Care este metoda values() din obiectul set JavaScript?

The valori () metoda returnează un Iterator obiect care conține toate valorile dintr-un set și face acest lucru în ordinea de inserare.

const setObj = set nou([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
pentru (fie valoarea lui iteratorObj) {
console.log (valoare);
}

Ieșire:

1
2
3
4
5

Legate de: O introducere în iteratoare și generatoare în JavaScript

Notă: Un obiect Set în JavaScript nu are chei. Dar pentru a face Seturile compatibile cu Maps, chei() metoda este folosită ca alias pentru valori () metodă. The chei() metoda se comportă exact la fel ca valori () metodă.

Acum știți cum să creați seturi în JavaScript

Deci, iată-l. După ce ați citit acest articol, ar trebui să aveți multe care să vă ajute să stăpâniți crearea de seturi pe JavaScript.

Crearea de seturi este crucială pentru orice programator care dorește să-și îmbunătățească jocul. Odată ce ați stăpânit acest lucru, puteți trece la perfecționarea altor abilități, cum ar fi crearea de tablouri.

15 metode JavaScript Array pe care ar trebui să le stăpâniți astăzi

Doriți să înțelegeți matricele JavaScript, dar nu le puteți înțelege? Consultați exemplele noastre de matrice JavaScript pentru îndrumare.

Citiți în continuare

Despre autor