8 JavaScript-metoder du bör behärska idag

En JavaScript-uppsättning är en samling värden som är unika.

Uppsättningar kan innehålla värden av vilken datatyp som helst. Det kan vara enkla primitiver, som heltal eller strängar, etc, eller komplexa typer som arrayer eller objektliteraler. Värden i uppsättningen kan bara förekomma en gång.

I den här artikeln kommer du att lära dig åtta JavaScript Set-metoder som du bör behärska idag.

1. Hur man skapar en ny uppsättning på JavaScript

Du kan skapa ett nytt Set-objekt med hjälp av nyUppsättning() konstruktör. Set-objektet lagrar unika värden av vilken datatyp som helst. Denna konstruktor accepterar ett iterbart objekt som en parameter.

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

Produktion:

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

Om du inte anger något i parametern skapas en ny tom uppsättning.

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

Produktion:

Ställ in (0) {}

Om du försöker skapa en uppsättning med upprepade element, kommer dubblettelementen att tas bort och en unik uppsättning kommer att returneras.

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

Produktion:

Set (3) { 1, 2, 3 }

Du kan också skapa en uppsättning med blandade datatyper.

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

Produktion:

Set (4) { 1, 2, 'Hej', [ 45, 67, 78 ] }

2. Hur man lägger till nya element till ett uppsättningsobjekt

Du kan lägga till ett nytt element i slutet av Set-objektet med hjälp av Lägg till() metod. Denna metod accepterar värdet av elementet som ska läggas till Set-objektet som en parameter och returnerar det nya Set-objektet med mervärde.

const setObj = new Set();
setObj.add("Välkommen");
setObj.add("till");
setObj.add("MUO");
console.log (setObj);

Produktion:

Set (3) { 'Välkommen', 'till', 'MUO' }

Du kan skicka värdet direkt som en parameter, eller så kan du skicka variabeln som en istället.

const setObj = new Set();
// Lägga till värde till ett Set-objekt
setObj.add("Välkommen");
const var1 = "till";
const var2 = "MUO";
// Lägga till variabel till ett Set-objekt
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

Produktion:

Set (3) { 'Välkommen', 'till', 'MUO' }

De Lägg till() Metoden stöder även kedja.

const setObj = new Set();
// Kedja
setObj.add (1).add (2).add (3);
console.log (setObj);

Produktion:

Set (3) { 1, 2, 3 }

Om du försöker lägga till dubbletter av element kommer endast den första instansen av elementet att sparas.

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

Produktion:

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

3. Hur man tar bort alla element från ett uppsättningsobjekt

Du kan ta bort alla element från ett Set-objekt med hjälp av klar() metod. Denna metod tar bort alla element och returnerar odefinierad.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Storlek på Set-objektet: " + setObj.size);
console.log (setObj);
setObj.clear();
console.log("Storlek på Set-objektet efter att ha rensat element: " + setObj.size);
console.log (setObj);

Produktion:

Storlek på Set-objektet: 5
Set (5) { 1, 2, 3, 4, 5 }
Storlek på Set-objektet efter att ha rensat element: 0
Ställ in (0) {}

Relaterad: JavaScript-strängsmetoder du bör behärska idag

4. Hur man tar bort ett specifikt element från ett uppsättningsobjekt

Du kan ta bort ett specifikt element från ett Set-objekt (om det finns) med hjälp av radera() metod. Denna metod accepterar värdet som ska tas bort från setet. Om värdet hittas returneras metoden Sann. Annars blir det falsk.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Initial Set:");
console.log (setObj);
setObj.delete (3);
console.log("Ställ in efter borttagning av 3");
console.log (setObj);

Produktion:

Inledande uppsättning:
Set (5) { 1, 2, 3, 4, 5 }
Ställ in efter radering 3
Set (4) { 1, 2, 4, 5 }

5. Hur man kontrollerar om ett element finns i en uppsättning

Du kan kontrollera om ett element finns i ett Set-objekt med hjälp av har() metod. Denna metod accepterar värdet som en parameter för att testa för närvaro i Set-objektet. Om elementet hittas returneras metoden Sann; annars blir det falsk.

const setObj = new Set(["Välkommen", "till", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

Produktion:

Sann
falsk

6. Vad är entries()-metoden i JavaScript Set Object?

Enligt tjänstemannen MDN Web Docs:

"De poster() metod returnerar ett nytt Iterator-objekt som innehåller en uppsättning av [värde, värde] för varje element i Set-objektet, i infogningsordning. För Set-objekt finns det ingen nyckel som i Kartobjekt. Men för att behålla API: et likt kartobjektet har varje post samma värde för sin nyckel och värde här, så att en array [värde, värde] returneras."

const setObj = new Set(["Välkommen", "till", "MUO"]);
for (låt inmatning av setObj.entries()) {
console.log (post);
}

Produktion:

[ 'Välkommen Välkommen' ]
[ 'till till' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Välkommen", "till", "MUO"]);
for (låt [nyckel, värde] av setObj.entries()) {
console.log (värde);
}

Produktion:

Välkommen
till
MUO

Nycklar och värden i setet är identiska.

const setObj = new Set(["Välkommen", "till", "MUO"]);
for (låt [nyckel, värde] av setObj.entries()) {
console.log (nyckelvärde);
}

Produktion:

Sann
Sann
Sann

Relaterad: Hur man använder loopar i JavaScript

7. Vad är metoden forEach() i JavaScript Set Object?

De för varje() metoden anropar en funktion för varje element i Set-objektet. Denna metod återkommer odefinierad.

const setObj = new Set([1, 2, 3, 4, 5]);
låt summa = 0;
setObj.forEach (funktion (element) {
summa += element;
});
console.log (summa);

Produktion:

15

8. Vad är values()-metoden i JavaScript Set Object?

De värden() metod returnerar en Iterator objekt som innehåller alla värden i en uppsättning, och det gör detta i infogningsordning.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (låt värdet av iteratorObj) {
console.log (värde);
}

Produktion:

1
2
3
4
5

Relaterad: En introduktion till iteratorer och generatorer i JavaScript

Notera: Ett Set-objekt i JavaScript har inga nycklar. Men för att göra Sets kompatibla med Maps, måste nycklar() metoden används som ett alias för värden() metod. De nycklar() metoden beter sig exakt samma som värden() metod.

Nu vet du hur man skapar set i JavaScript

Så där har du det. Efter att ha läst den här artikeln borde du ha mycket som hjälper dig att behärska att skapa set på JavaScript.

Att skapa set är avgörande för alla programmerare som vill förbättra sitt spel. När du har bemästrat detta kan du gå vidare till att fullända andra färdigheter – som att skapa Arrays.

15 JavaScript-array-metoder du bör behärska idag

Vill du förstå JavaScript-matriser men kan inte ta tag i dem? Kolla våra JavaScript-arrayexempel för vägledning.

Läs Nästa

Om författaren