8 JavaScript-setmethoden die u vandaag moet beheersen

Een JavaScript-set is een verzameling waarden die uniek zijn.

Sets kunnen waarden van elk gegevenstype bevatten. Het kunnen eenvoudige primitieven zijn, zoals gehele getallen of strings, enz., of complexe typen zoals arrays of letterlijke objecten. Waarden in de Set kunnen maar één keer voorkomen.

In dit artikel leert u acht JavaScript Set-methoden die u vandaag onder de knie moet krijgen.

1. Een nieuwe set maken op JavaScript

U kunt een nieuw Set-object maken met de nieuweSet() aannemer. Het Set-object slaat unieke waarden van elk gegevenstype op. Deze constructor accepteert een itereerbaar object als parameter.

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

Uitgang:

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

Als u niets opgeeft in de parameter, wordt een nieuwe lege set gemaakt.

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

Uitgang:

Instellen (0) {}

Als u probeert een Set met herhalende elementen te maken, worden de dubbele elementen verwijderd en wordt een unieke Set geretourneerd.

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

Uitgang:

Stel (3) { 1, 2, 3 }

U kunt ook een set maken met gemengde gegevenstypen.

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

Uitgang:

Stel (4) { 1, 2, 'Hallo', [ 45, 67, 78 ] }

2. Nieuwe elementen aan een ingesteld object toevoegen

U kunt een nieuw element aan het einde van het Set-object toevoegen met de toevoegen() methode. Deze methode accepteert de waarde van het element dat als parameter aan het Set-object moet worden toegevoegd, en retourneert het nieuwe Set-object met toegevoegde waarde.

const setObj = nieuwe Set();
setObj.add("Welkom");
setObj.add("naar");
setObj.add("MUO");
console.log (setObj);

Uitgang:

Stel (3) { 'Welkom', 'naar', 'MUO' }

U kunt de waarde direct als parameter doorgeven, of u kunt de variabele in plaats daarvan als één doorgeven.

const setObj = nieuwe Set();
// Waarde toevoegen aan een Set-object
setObj.add("Welkom");
const var1 = "naar";
const var2 = "MUO";
// Variabele toevoegen aan een Set-object
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Uitgang:

Stel (3) { 'Welkom', 'naar', 'MUO' }

De toevoegen() methode ondersteunt ook chaining.

const setObj = nieuwe Set();
// Chaining
setObj.add (1).add (2).add (3);
console.log (setObj);

Uitgang:

Stel (3) { 1, 2, 3 }

Als u dubbele elementen probeert toe te voegen, wordt alleen de eerste instantie van het element opgeslagen.

const setObj = nieuwe 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);

Uitgang:

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

3. Hoe alle elementen van een ingesteld object te verwijderen

U kunt alle elementen van een Set-object verwijderen met de Doorzichtig() methode. Deze methode verwijdert alle elementen en retourneert ongedefinieerd.

const setObj = nieuwe Set([1, 2, 3, 4, 5]);
console.log("Grootte van het Set-object: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Grootte van het Set-object na het wissen van elementen: " + setObj.size);
console.log (setObj);

Uitgang:

Grootte van het Set-object: 5 "
Stel (5) { 1, 2, 3, 4, 5 }
Grootte van het Set-object na het wissen van elementen: 0
Instellen (0) {}

Verwant: JavaScript String-methoden die u vandaag moet beheersen

4. Een specifiek element uit een ingesteld object verwijderen

U kunt een specifiek element uit een Set-object verwijderen (als het bestaat) met behulp van de verwijderen() methode. Deze methode accepteert de waarde die uit de set moet worden verwijderd. Als de waarde wordt gevonden, retourneert de methode waar. Anders wordt het vals.

const setObj = nieuwe Set([1, 2, 3, 4, 5]);
console.log("Initiële set:");
console.log (setObj);
setObj.delete (3);
console.log("Instellen na het verwijderen van 3");
console.log (setObj);

Uitgang:

Initiële set:
Stel (5) { 1, 2, 3, 4, 5 }
Instellen na verwijderen 3
Stel (4) { 1, 2, 4, 5 }

5. Hoe te controleren of een element in een set bestaat

U kunt controleren of een element in een Set-object bestaat met behulp van de heeft() methode. Deze methode accepteert de waarde als een parameter om te testen op aanwezigheid in het Set-object. Als het element wordt gevonden, retourneert de methode waar; anders zal het zijn vals.

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

Uitgang:

waar
vals

6. Wat is de entry()-methode in het JavaScript-setobject?

Volgens de officiële MDN-webdocumenten:

"De vermeldingen() methode retourneert een nieuw Iterator-object dat bevat een array van [waarde, waarde] voor elk element in het Set-object, in invoegvolgorde. Voor Set-objecten is er geen sleutel zoals in Map-objecten. Om de API echter vergelijkbaar te houden met het Map-object, heeft elk item hier dezelfde waarde voor zijn sleutel en waarde, zodat een array [waarde, waarde] wordt geretourneerd."

const setObj = new Set(["Welkom", "bij", "MUO"]);
for (laat invoer van setObj.entries()) {
console.log (invoer);
}

Uitgang:

[ 'Welkom welkom' ]
[ 'naar', 'naar' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Welkom", "bij", "MUO"]);
for (laat [sleutel, waarde] van setObj.entries()) {
console.log (waarde);
}

Uitgang:

Welkom
tot
MUO

De sleutels en waarden in de Set zijn identiek.

const setObj = new Set(["Welkom", "bij", "MUO"]);
for (laat [sleutel, waarde] van setObj.entries()) {
console.log (sleutelwaarde);
}

Uitgang:

waar
waar
waar

Verwant: Loops gebruiken in JavaScript

7. Wat is de methode forEach() in het JavaScript Set Object?

De voor elk() methode roept een functie aan voor elk element van het Set-object. Deze methode retourneert ongedefinieerd.

const setObj = nieuwe Set([1, 2, 3, 4, 5]);
laat som = 0;
setObj.forEach (functie (element) {
som += element;
});
console.log (som);

Uitgang:

15

8. Wat is de methode values() in het JavaScript Set Object?

De waarden() methode retourneert an iterator object dat alle waarden in een Set bevat, en doet dit in invoegvolgorde.

const setObj = nieuwe Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (laat waarde van iteratorObj) {
console.log (waarde);
}

Uitgang:

1
2
3
4
5

Verwant: Een inleiding tot iterators en generatoren in JavaScript

Opmerking: Een Set-object in JavaScript heeft geen sleutels. Maar om Sets compatibel te maken met Kaarten, moeten de sleutels() methode wordt gebruikt als een alias voor de waarden() methode. De sleutels() methode gedraagt ​​zich precies hetzelfde als de waarden() methode.

Nu weet u hoe u sets in JavaScript kunt maken

Dus daar heb je het. Als je dit artikel hebt gelezen, zou je genoeg moeten hebben om je te helpen bij het maken van sets op JavaScript.

Het maken van sets is cruciaal voor elke programmeur die zijn spel wil verbeteren. Als je dit eenmaal onder de knie hebt, kun je doorgaan met het perfectioneren van andere vaardigheden, zoals het maken van arrays.

15 JavaScript-array-methoden die u vandaag moet beheersen

Wilt u JavaScript-arrays begrijpen, maar kunt u er geen grip op krijgen? Bekijk onze voorbeelden van JavaScript-arrays voor hulp.

Lees volgende

Over de auteur