8 JavaScript sæt metoder, du bør mestre i dag

Et JavaScript-sæt er en samling af værdier, der er unikke.

Sæt kan indeholde værdier af enhver datatype. Det kan være simple primitiver, såsom heltal eller strenge osv., eller komplekse typer som arrays eller objektliteraler. Værdier i sættet kan kun forekomme én gang.

I denne artikel lærer du otte JavaScript Set-metoder, du bør mestre i dag.

1. Sådan opretter du et nyt sæt på JavaScript

Du kan oprette et nyt sæt-objekt ved hjælp af nySæt() konstruktør. Set-objektet gemmer unikke værdier af enhver datatype. Denne konstruktør accepterer et iterbart objekt som en parameter.

const sætObj = nyt sæt([21, 34, 35, 56, 23]);
console.log (setObj);

Produktion:

Sæt (5) { 21, 34, 35, 56, 23 }

Hvis du ikke angiver noget i parameteren, oprettes et nyt tomt sæt.

const sætObj = nyt sæt();
console.log (setObj);

Produktion:

Indstil (0) {}

Hvis du forsøger at oprette et sæt med gentagne elementer, vil de duplikerede elementer blive fjernet, og et unikt sæt vil blive returneret.

const sætObj = nyt sæt([1, 2, 3, 1, 2, 3]);
console.log (setObj);

Produktion:

Sæt (3) { 1, 2, 3 }

Du kan også oprette et sæt ved hjælp af blandede datatyper.

const setObj = nyt sæt([1, 2, "Hej", [45, 67, 78]]);
console.log (setObj);

Produktion:

Sæt (4) { 1, 2, 'Hej', [ 45, 67, 78 ] }

2. Sådan tilføjer du nye elementer til et sæt objekt

Du kan tilføje et nyt element til slutningen af ​​Set-objektet ved hjælp af tilføje() metode. Denne metode accepterer værdien af ​​det element, der skal tilføjes til Set-objektet, som en parameter og returnerer det nye Set-objekt med tilføjet værdi.

const sætObj = nyt sæt();
setObj.add("Velkommen");
setObj.add("til");
setObj.add("MUO");
console.log (setObj);

Produktion:

Sæt (3) { 'Velkommen', 'til', 'MUO' }

Du kan sende værdien direkte som en parameter, eller du kan videregive variablen som én i stedet.

const sætObj = nyt sæt();
// Tilføjelse af værdi til et sæt-objekt
setObj.add("Velkommen");
const var1 = "til";
const var2 = "MUO";
// Tilføjelse af variabel til et sæt-objekt
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Produktion:

Sæt (3) { 'Velkommen', 'til', 'MUO' }

Det tilføje() metoden understøtter også kæde.

const sætObj = nyt sæt();
// Kædning
setObj.add (1).add (2).add (3);
console.log (setObj);

Produktion:

Sæt (3) { 1, 2, 3 }

Hvis du forsøger at tilføje duplikerede elementer, vil kun den første forekomst af elementet blive gemt.

const sætObj = nyt sæt();
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);

Produktion:

Sæt (6) { 1, 2, 3, 'M', 'U', 'O' }

3. Sådan fjerner du alle elementer fra et sæt objekt

Du kan fjerne alle elementer fra et sæt-objekt ved hjælp af klar() metode. Denne metode fjerner alle elementer og returnerer udefineret.

const sætObj = nyt sæt([1, 2, 3, 4, 5]);
console.log("Størrelse af Set-objektet: " + setObj.size);
console.log (setObj);
sætObj.clear();
console.log("Størrelse af Set-objektet efter sletning af elementer: " + setObj.size);
console.log (setObj);

Produktion:

Størrelse på sætobjektet: 5
Sæt (5) { 1, 2, 3, 4, 5 }
Størrelse på sætobjektet efter sletning af elementer: 0
Indstil (0) {}

Relaterede: JavaScript-strengmetoder, du bør mestre i dag

4. Sådan slettes et bestemt element fra et sæt objekt

Du kan slette et bestemt element fra et Set-objekt (hvis det findes) ved hjælp af slet() metode. Denne metode accepterer den værdi, der skal slettes fra sættet. Hvis værdien findes, vender metoden tilbage sand. Ellers bliver det falsk.

const sætObj = nyt sæt([1, 2, 3, 4, 5]);
console.log("Initial Set:");
console.log (setObj);
setObj.delete (3);
console.log("Sæt efter sletning af 3");
console.log (setObj);

Produktion:

Indledende sæt:
Sæt (5) { 1, 2, 3, 4, 5 }
Indstil efter sletning 3
Sæt (4) { 1, 2, 4, 5 }

5. Sådan kontrolleres, om et element findes i et sæt

Du kan kontrollere, om et element findes i et Set-objekt ved hjælp af har() metode. Denne metode accepterer værdien som en parameter til at teste for tilstedeværelse i Set-objektet. Hvis elementet findes, vender metoden tilbage sand; ellers bliver det falsk.

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

Produktion:

sand
falsk

6. Hvad er entries()-metoden i JavaScript Set Object?

Ifølge embedsmanden MDN Web Docs:

"Det indgange() metode returnerer et nyt Iterator-objekt, der indeholder en række af [værdi, værdi] for hvert element i Set-objektet, i indsættelsesrækkefølge. For sæt objekter er der ingen nøgle som i kortobjekter. Men for at bevare API'et magen til Map-objektet, har hver post den samme værdi for sin nøgle og værdi her, så en matrix [værdi, værdi] returneres."

const setObj = new Set(["Velkommen", "til", "MUO"]);
for (lad indtastning af setObj.entries()) {
console.log (indgang);
}

Produktion:

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

const setObj = new Set(["Velkommen", "til", "MUO"]);
for (lad [nøgle, værdi] af setObj.entries()) {
console.log (værdi);
}

Produktion:

Velkommen
til
MUO

Nøglerne og værdierne i sættet er identiske.

const setObj = new Set(["Velkommen", "til", "MUO"]);
for (lad [nøgle, værdi] af setObj.entries()) {
console.log (nøgleværdi);
}

Produktion:

sand
sand
sand

Relaterede: Sådan bruges loops i JavaScript

7. Hvad er forEach()-metoden i JavaScript Set Object?

Det for hver() metode kalder på en funktion for hvert element i Set-objektet. Denne metode vender tilbage udefineret.

const sætObj = nyt sæt([1, 2, 3, 4, 5]);
lad sum = 0;
setObj.forEach (funktion (element) {
sum += element;
});
console.log (sum);

Produktion:

15

8. Hvad er values()-metoden i JavaScript Set Object?

Det værdier() metode returnerer en Iterator objekt, der indeholder alle værdierne i et sæt, og det gør dette i indsættelsesrækkefølge.

const sætObj = nyt sæt([1, 2, 3, 4, 5]);
const iteratorObj = sætObj.værdier();
for (lad værdien af ​​iteratorObj) {
console.log (værdi);
}

Produktion:

1
2
3
4
5

Relaterede: En introduktion til iteratorer og generatorer i JavaScript

Bemærk: Et Set-objekt i JavaScript har ingen nøgler. Men for at gøre sæt kompatible med Maps, skal nøgler() metode bruges som et alias for værdier() metode. Det nøgler() metoden opfører sig nøjagtigt det samme som værdier() metode.

Nu ved du, hvordan du opretter sæt i JavaScript

Så der har du det. Efter at have læst denne artikel, burde du have masser til at hjælpe dig med at mestre oprettelse af sæt på JavaScript.

Oprettelse af sæt er afgørende for enhver programmør, der ønsker at forbedre deres spil. Når du har mestret dette, kan du gå videre til at perfektionere andre færdigheder – såsom at skabe Arrays.

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

Vil du forstå JavaScript-arrays, men kan du ikke få styr på dem? Tjek vores JavaScript-array-eksempler for vejledning.

Læs Næste

Om forfatteren