8 metoda postavljanja JavaScripta koje biste trebali savladati danas

JavaScript skup je zbirka jedinstvenih vrijednosti.

Skupovi mogu sadržavati vrijednosti bilo koje vrste podataka. To mogu biti jednostavni primitivi, kao što su cijeli brojevi ili nizovi, itd., ili složeni tipovi poput nizova ili literala objekata. Vrijednosti u skupu mogu se pojaviti samo jednom.

U ovom članku naučit ćete osam metoda JavaScript Seta koje biste trebali savladati danas.

1. Kako stvoriti novi skup na JavaScriptu

Možete stvoriti novi objekt Set koristeći noviPostavi() konstruktor. Objekt Set pohranjuje jedinstvene vrijednosti bilo koje vrste podataka. Ovaj konstruktor prihvaća iterativni objekt kao parametar.

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

Izlaz:

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

Ako ništa ne navedete u parametru, stvara se novi prazan skup.

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

Izlaz:

Postavi (0) {}

Ako pokušate stvoriti skup s ponavljajućim elementima, duplicirani elementi bit će uklonjeni i jedinstveni skup će biti vraćen.

const setObj = novi skup([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Izlaz:

Skup (3) { 1, 2, 3 }

Također možete stvoriti skup koristeći mješovite vrste podataka.

const setObj = novi skup([1, 2, "Zdravo", [45, 67, 78]]);
console.log (setObj);

Izlaz:

Skup (4) { 1, 2, 'Zdravo', [ 45, 67, 78 ] }

2. Kako dodati nove elemente u skup objekt

Možete dodati novi element na kraj objekta Set pomoću dodati() metoda. Ova metoda prihvaća vrijednost elementa za dodavanje objektu Set kao parametar i vraća novi Set objekt s dodanom vrijednošću.

const setObj = new Set();
setObj.add("Dobrodošli");
setObj.add("u");
setObj.add("MUO");
console.log (setObj);

Izlaz:

Postavite (3) { 'Dobro došli', 'prima', 'MUO' }

Možete izravno proslijediti vrijednost kao parametar ili umjesto toga možete proslijediti varijablu kao jedinicu.

const setObj = new Set();
// Dodavanje vrijednosti objektu Set
setObj.add("Dobrodošli");
const var1 = "do";
const var2 = "MUO";
// Dodavanje varijable objektu Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Izlaz:

Postavite (3) { 'Dobro došli', 'prima', 'MUO' }

The dodati() metoda također podržava ulančavanje.

const setObj = new Set();
// Ulančavanje
setObj.dodaj (1).dodaj (2).dodaj (3);
console.log (setObj);

Izlaz:

Skup (3) { 1, 2, 3 }

Ako pokušate dodati duplicirane elemente, samo će prva instanca elementa biti spremljena.

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);

Izlaz:

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

3. Kako ukloniti sve elemente iz skupa objekta

Možete ukloniti sve elemente iz objekta Set pomoću čisto() metoda. Ova metoda uklanja sve elemente i vraća nedefiniran.

const setObj = novi skup([1, 2, 3, 4, 5]);
console.log("Veličina objekta Set: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Veličina objekta Set nakon brisanja elemenata: " + setObj.size);
console.log (setObj);

Izlaz:

Veličina objekta Set: 5
Skup (5) { 1, 2, 3, 4, 5 }
Veličina objekta Set nakon brisanja elemenata: 0
Postavi (0) {}

Povezano: Metode niza JavaScripta koje biste trebali savladati danas

4. Kako izbrisati određeni element iz skupnog objekta

Možete izbrisati određeni element iz Set objekta (ako postoji) pomoću izbrisati() metoda. Ova metoda prihvaća vrijednost koju treba izbrisati iz skupa. Ako je vrijednost pronađena, metoda se vraća pravi. Inače će biti lažno.

const setObj = novi skup([1, 2, 3, 4, 5]);
console.log("Početni skup:");
console.log (setObj);
setObj.izbriši (3);
console.log("Postavi nakon brisanja 3");
console.log (setObj);

Izlaz:

Početni set:
Skup (5) { 1, 2, 3, 4, 5 }
Postavi nakon brisanja 3
Skup (4) { 1, 2, 4, 5 }

5. Kako provjeriti postoji li element u skupu

Možete provjeriti postoji li element u objektu Set pomoću ima() metoda. Ova metoda prihvaća vrijednost kao parametar za testiranje prisutnosti u objektu Set. Ako je element pronađen, metoda se vraća pravi; inače će biti lažno.

const setObj = new Set(["Dobrodošli", "za", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Izlaz:

pravi
lažno

6. Koja je metoda entries() u objektu JavaScript skupa?

Prema službeniku MDN web dokumenti:

"The unosi() metoda vraća novi objekt Iterator koji sadrži niz [vrijednost, vrijednost] za svaki element u objektu Set, redoslijedom umetanja. Za objekte Set ne postoji ključ kao u objektima mape. Međutim, kako bi API ostao sličan objektu Map, svaki unos ima istu vrijednost za svoj ključ i vrijednost ovdje, tako da se vraća niz [vrijednost, vrijednost]."

const setObj = new Set(["Dobrodošli", "za", "MUO"]);
for (dopusti unos setObj.entries()) {
console.log (unos);
}

Izlaz:

[ 'Dobro došli', 'Dobro došli' ]
[ 'do', 'do' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Dobrodošli", "za", "MUO"]);
za (neka [ključ, vrijednost] od setObj.entries()) {
console.log (vrijednost);
}

Izlaz:

Dobrodošli
do
MUO

Ključevi i vrijednosti u setu su identični.

const setObj = new Set(["Dobrodošli", "za", "MUO"]);
za (neka [ključ, vrijednost] od setObj.entries()) {
console.log (vrijednost ključa);
}

Izlaz:

pravi
pravi
pravi

Povezano: Kako koristiti petlje u JavaScriptu

7. Što je forEach() metoda u objektu JavaScript skupa?

The za svakoga() metoda poziva funkciju za svaki element Set objekta. Ova metoda se vraća nedefiniran.

const setObj = novi skup([1, 2, 3, 4, 5]);
neka je zbroj = 0;
setObj.forEach (funkcija (element) {
zbroj += element;
});
console.log (zbroj);

Izlaz:

15

8. Koja je metoda values() u objektu JavaScript skupa?

The vrijednosti() metoda vraća an Iterator objekt koji sadrži sve vrijednosti u skupu i to čini redoslijedom umetanja.

const setObj = novi skup([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
za (neka vrijednost iteratorObj) {
console.log (vrijednost);
}

Izlaz:

1
2
3
4
5

Povezano: Uvod u iteratore i generatore u JavaScriptu

Bilješka: Objekt Set u JavaScriptu nema ključeve. Ali da bi setovi bili kompatibilni s Kartama, tipke() metoda se koristi kao pseudonim za vrijednosti() metoda. The tipke() metoda se ponaša potpuno isto kao i vrijednosti() metoda.

Sada znate kako stvoriti skupove u JavaScriptu

Dakle, evo ga. Nakon što ste pročitali ovaj članak, trebali biste imati puno pomoći da savladate stvaranje skupova na JavaScriptu.

Stvaranje skupova ključno je za svakog programera koji želi unaprijediti svoju igru. Nakon što ovo svladate, možete prijeći na usavršavanje drugih vještina—kao što je stvaranje nizova.

15 metoda JavaScript polja koje biste trebali savladati danas

Želite razumjeti JavaScript nizove, ali ne možete se uhvatiti ukoštac s njima? Pogledajte naše primjere JavaScript polja za smjernice.

Pročitajte dalje

O autoru