8 JavaScript-settmetoder du bør mestre i dag

Et JavaScript-sett er en samling verdier som er unike.

Sett kan inneholde verdier av enhver datatype. Det kan være enkle primitiver, for eksempel heltall eller strenger, etc, eller komplekse typer som matriser eller objektliteraler. Verdier i settet kan bare forekomme én gang.

I denne artikkelen lærer du åtte JavaScript Set-metoder du bør mestre i dag.

1. Hvordan lage et nytt sett på JavaScript

Du kan opprette et nytt Set-objekt ved å bruke nySett() konstruktør. Set-objektet lagrer unike verdier av enhver datatype. Denne konstruktøren godtar et iterabelt objekt som en parameter.

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

Produksjon:

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

Hvis du ikke spesifiserer noe i parameteren, opprettes et nytt tomt sett.

const setObj = nytt sett();
console.log (setObj);

Produksjon:

Sett (0) {}

Hvis du prøver å lage et sett med gjentatte elementer, vil de dupliserte elementene bli fjernet og et unikt sett vil bli returnert.

const setObj = nytt sett([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Produksjon:

Sett (3) { 1, 2, 3 }

Du kan også opprette et sett ved å bruke blandede datatyper.

const setObj = nytt sett([1, 2, "Hei", [45, 67, 78]]);
console.log (setObj);

Produksjon:

Sett (4) { 1, 2, 'Hei', [ 45, 67, 78 ] }

2. Hvordan legge til nye elementer til et sett objekt

Du kan legge til et nytt element på slutten av Set-objektet ved å bruke legge til() metode. Denne metoden aksepterer verdien av elementet som skal legges til Set-objektet som en parameter, og returnerer det nye Set-objektet med tilleggsverdi.

const setObj = nytt sett();
setObj.add("Velkommen");
setObj.add("til");
setObj.add("MUO");
console.log (setObj);

Produksjon:

Sett (3) { 'Velkommen', 'til', 'MUO' }

Du kan sende verdien direkte som en parameter, eller du kan sende variabelen som en i stedet.

const setObj = nytt sett();
// Legge til verdi til et Set-objekt
setObj.add("Velkommen");
const var1 = "til";
const var2 = "MUO";
// Legge til variabel til et Set-objekt
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Produksjon:

Sett (3) { 'Velkommen', 'til', 'MUO' }

De legge til() metoden støtter også kjetting.

const setObj = nytt sett();
// Kjeding
setObj.add (1).add (2).add (3);
console.log (setObj);

Produksjon:

Sett (3) { 1, 2, 3 }

Hvis du prøver å legge til dupliserte elementer, vil bare den første forekomsten av elementet bli lagret.

const setObj = nytt sett();
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);

Produksjon:

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

3. Hvordan fjerne alle elementer fra et sett objekt

Du kan fjerne alle elementer fra et Set-objekt ved å bruke klar() metode. Denne metoden fjerner alle elementene og returnerer udefinert.

const setObj = nytt sett([1, 2, 3, 4, 5]);
console.log("Størrelse på Set-objektet: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Størrelse på Set-objektet etter fjerning av elementer: " + setObj.size);
console.log (setObj);

Produksjon:

Størrelse på Set-objektet: 5
Sett (5) { 1, 2, 3, 4, 5 }
Størrelse på Set-objektet etter fjerning av elementer: 0
Sett (0) {}

I slekt: JavaScript-strengmetoder du bør mestre i dag

4. Hvordan slette et spesifikt element fra et sett objekt

Du kan slette et spesifikt element fra et Set-objekt (hvis det finnes) ved å bruke slett() metode. Denne metoden godtar verdien som skal slettes fra settet. Hvis verdien blir funnet, returnerer metoden ekte. Ellers blir det det falsk.

const setObj = nytt sett([1, 2, 3, 4, 5]);
console.log("Startsett:");
console.log (setObj);
setObj.delete (3);
console.log("Sett etter sletting av 3");
console.log (setObj);

Produksjon:

Opprinnelig sett:
Sett (5) { 1, 2, 3, 4, 5 }
Still inn etter sletting 3
Sett (4) { 1, 2, 4, 5 }

5. Hvordan sjekke om et element eksisterer i et sett

Du kan sjekke om et element finnes i et Set-objekt ved å bruke har() metode. Denne metoden godtar verdien som en parameter for å teste for tilstedeværelse i Set-objektet. Hvis elementet blir funnet, returnerer metoden ekte; ellers blir det falsk.

const setObj = nytt sett(["Velkommen", "til", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Produksjon:

ekte
falsk

6. Hva er entries()-metoden i JavaScript-settobjektet?

Ifølge tjenestemannen MDN Web Docs:

"De innganger() metoden returnerer et nytt Iterator-objekt som inneholder en rekke av [verdi, verdi] for hvert element i Set-objektet, i innsettingsrekkefølge. For Set-objekter er det ingen nøkkel som i Kartobjekter. Men for å holde API-en lik kartobjektet, har hver oppføring samme verdi for nøkkelen og verdien her, slik at en matrise [verdi, verdi] returneres."

const setObj = nytt sett(["Velkommen", "til", "MUO"]);
for (la oppføring av setObj.entries()) {
console.log (oppføring);
}

Produksjon:

[ 'Velkommen', 'Velkommen' ]
[ 'til', 'til' ]
[ 'MUO', 'MUO' ]

const setObj = nytt sett(["Velkommen", "til", "MUO"]);
for (la [nøkkel, verdi] av setObj.entries()) {
console.log (verdi);
}

Produksjon:

Velkommen
til
MUO

Nøklene og verdiene i settet er identiske.

const setObj = nytt sett(["Velkommen", "til", "MUO"]);
for (la [nøkkel, verdi] av setObj.entries()) {
console.log (nøkkelverdi);
}

Produksjon:

ekte
ekte
ekte

I slekt: Slik bruker du løkker i JavaScript

7. Hva er forEach()-metoden i JavaScript-settobjektet?

De for hver() metoden påkaller en funksjon for hvert element i Set-objektet. Denne metoden kommer tilbake udefinert.

const setObj = nytt sett([1, 2, 3, 4, 5]);
la sum = 0;
setObj.forEach (funksjon (element) {
sum += element;
});
console.log (sum);

Produksjon:

15

8. Hva er verdier()-metoden i JavaScript-settobjektet?

De verdier() metoden returnerer en Iterator objekt som inneholder alle verdiene i et sett, og det gjør dette i innsettingsrekkefølge.

const setObj = nytt sett([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (la verdien av iteratorObj) {
console.log (verdi);
}

Produksjon:

1
2
3
4
5

I slekt: En introduksjon til iteratorer og generatorer i JavaScript

Merk: Et Set-objekt i JavaScript har ingen nøkler. Men for å gjøre sett kompatible med Maps, må nøkler() metoden brukes som et alias for verdier() metode. De nøkler() metoden oppfører seg nøyaktig det samme som verdier() metode.

Nå vet du hvordan du lager sett i JavaScript

Så der har du det. Etter å ha lest denne artikkelen, bør du ha mye å hjelpe deg med å mestre å lage sett på JavaScript.

Å lage sett er avgjørende for enhver programmerer som ønsker å forbedre spillet sitt. Når du har mestret dette, kan du gå videre til å perfeksjonere andre ferdigheter – for eksempel å lage matriser.

15 JavaScript-array-metoder du bør mestre i dag

Vil du forstå JavaScript-matriser, men kan ikke få tak i dem? Se våre JavaScript-eksempler for veiledning.

Les Neste

Om forfatteren