8 JavaScript-Set-Methoden, die Sie heute beherrschen sollten

Ein JavaScript-Set ist eine Sammlung von Werten, die eindeutig sind.

Sätze können Werte eines beliebigen Datentyps enthalten. Dabei kann es sich um einfache Primitive wie Integer oder Strings usw. oder um komplexe Typen wie Arrays oder Objektliterale handeln. Werte im Set können nur einmal vorkommen.

In diesem Artikel lernen Sie acht JavaScript-Set-Methoden kennen, die Sie heute beherrschen sollten.

1. So erstellen Sie ein neues Set in JavaScript

Sie können ein neues Set-Objekt erstellen, indem Sie das NeuSatz() Konstrukteur. Das Set-Objekt speichert eindeutige Werte eines beliebigen Datentyps. Dieser Konstruktor akzeptiert ein iterierbares Objekt als Parameter.

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

Ausgabe:

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

Wenn Sie im Parameter nichts angeben, wird ein neues leeres Set erstellt.

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

Ausgabe:

Festlegen (0) {}

Wenn Sie versuchen, ein Set mit sich wiederholenden Elementen zu erstellen, werden die doppelten Elemente entfernt und ein eindeutiges Set zurückgegeben.

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

Ausgabe:

Set (3) { 1, 2, 3 }

Sie können ein Set auch mit gemischten Datentypen erstellen.

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

Ausgabe:

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

2. So hängen Sie neue Elemente an ein Set-Objekt an

Sie können ein neues Element an das Ende des Set-Objekts anhängen, indem Sie die hinzufügen() Methode. Diese Methode akzeptiert den Wert des Elements, das dem Set-Objekt hinzugefügt werden soll, als Parameter und gibt das neue Set-Objekt mit dem zusätzlichen Wert zurück.

const setObj = new Set();
setObj.add("Willkommen");
setObj.add("zu");
setObj.add("MUO");
Konsole.log (setObj);

Ausgabe:

Set (3) { 'Willkommen', 'zu', 'MUO' }

Sie können den Wert direkt als Parameter übergeben, oder Sie können die Variable stattdessen als einen Parameter übergeben.

const setObj = new Set();
// Wert an ein Set-Objekt anhängen
setObj.add("Willkommen");
const var1 = "zu";
const var2 = "MUO";
// Variable an ein Set-Objekt anhängen
setObj.add (var1);
setObj.add (var2);
Konsole.log (setObj);

Ausgabe:

Set (3) { 'Willkommen', 'zu', 'MUO' }

Die hinzufügen() -Methode unterstützt auch Verkettung.

const setObj = new Set();
// Verkettung
setObj.add (1).add (2).add (3);
Konsole.log (setObj);

Ausgabe:

Set (3) { 1, 2, 3 }

Wenn Sie versuchen, doppelte Elemente anzuhängen, wird nur die erste Instanz des Elements gespeichert.

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);
Konsole.log (setObj);

Ausgabe:

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

3. So entfernen Sie alle Elemente aus einem Set-Objekt

Sie können alle Elemente aus einem Set-Objekt entfernen, indem Sie die klar() Methode. Diese Methode entfernt alle Elemente und gibt zurück nicht definiert.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Größe des Set-Objekts: " + setObj.size);
Konsole.log (setObj);
setObj.clear();
console.log("Größe des Set-Objekts nach dem Löschen von Elementen: " + setObj.size);
Konsole.log (setObj);

Ausgabe:

Größe des Set-Objekts: 5
Set (5) { 1, 2, 3, 4, 5 }
Größe des Set-Objekts nach dem Löschen von Elementen: 0
Festlegen (0) {}

Verwandt: JavaScript-String-Methoden, die Sie heute beherrschen sollten

4. So löschen Sie ein bestimmtes Element aus einem Set-Objekt

Sie können ein bestimmtes Element aus einem Set-Objekt (sofern vorhanden) löschen, indem Sie die löschen() Methode. Diese Methode akzeptiert den aus dem Set zu löschenden Wert. Wenn der Wert gefunden wird, gibt die Methode zurück wahr. Sonst wird es falsch.

const setObj = new Set([1, 2, 3, 4, 5]);
console.log("Anfangssatz:");
Konsole.log (setObj);
setObj.delete (3);
console.log("Nach dem Löschen von 3 setzen");
Konsole.log (setObj);

Ausgabe:

Anfangssatz:
Set (5) { 1, 2, 3, 4, 5 }
Nach dem Löschen von 3. einstellen
Satz (4) { 1, 2, 4, 5 }

5. So prüfen Sie, ob ein Element in einer Menge vorhanden ist

Ob ein Element in einem Set-Objekt vorhanden ist, können Sie mit dem hat() Methode. Diese Methode akzeptiert den Wert als Parameter, um die Anwesenheit im Set-Objekt zu testen. Wenn das Element gefunden wird, gibt die Methode zurück wahr; sonst wird es falsch.

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

Ausgabe:

wahr
falsch

6. Was ist die Methode entries() im JavaScript-Set-Objekt?

Nach Angaben des Beamten MDN-Webdokumente:

"Die Einträge() Methode gibt ein neues Iterator-Objekt zurück, das enthält ein Array von [Wert, Wert] für jedes Element im Set-Objekt in der Einfügereihenfolge. Für Set-Objekte gibt es keinen Schlüssel wie bei Map-Objekten. Damit die API jedoch dem Map-Objekt ähnlich bleibt, hat jeder Eintrag den gleichen Wert für seinen Schlüssel und Wert hier, sodass ein Array [Wert, Wert] zurückgegeben wird."

const setObj = new Set(["Willkommen", "zu", "MUO"]);
for (Eintrag von setObj.entries() lassen) {
console.log (Eintrag);
}

Ausgabe:

[ 'Wilkommen wilkommen' ]
[ 'zu', 'zu' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["Willkommen", "zu", "MUO"]);
for (let [Schlüssel, Wert] von setObj.entries()) {
console.log (Wert);
}

Ausgabe:

Willkommen
zu
MUO

Die Schlüssel und Werte im Set sind identisch.

const setObj = new Set(["Willkommen", "zu", "MUO"]);
for (let [Schlüssel, Wert] von setObj.entries()) {
console.log (Schlüsselwert);
}

Ausgabe:

wahr
wahr
wahr

Verwandt: So verwenden Sie Schleifen in JavaScript

7. Was ist die forEach()-Methode im JavaScript-Set-Objekt?

Die für jeden() -Methode ruft eine Funktion für jedes Element des Set-Objekts auf. Diese Methode gibt zurück nicht definiert.

const setObj = new Set([1, 2, 3, 4, 5]);
sei Summe = 0;
setObj.forEach (Funktion (Element) {
Summe += Element;
});
console.log (Summe);

Ausgabe:

15

8. Was ist die Methode values() im JavaScript-Set-Objekt?

Die Werte() Methode gibt ein zurück Iterator -Objekt, das alle Werte in einem Set enthält, und zwar in der Einfügereihenfolge.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (lass den Wert von iteratorObj) {
console.log (Wert);
}

Ausgabe:

1
2
3
4
5

Verwandt: Eine Einführung in Iteratoren und Generatoren in JavaScript

Notiz: Ein Set-Objekt in JavaScript hat keine Schlüssel. Aber um Sets mit Maps kompatibel zu machen, ist die Schlüssel() -Methode wird als Alias ​​für die Werte() Methode. Die Schlüssel() Methode verhält sich genauso wie die Werte() Methode.

Jetzt wissen Sie, wie Sie Sets in JavaScript erstellen

Da hast du es also. Nachdem Sie diesen Artikel gelesen haben, sollten Sie viel wissen, um das Erstellen von Sets in JavaScript zu meistern.

Das Erstellen von Sets ist entscheidend für jeden Programmierer, der sein Spiel verbessern möchte. Sobald Sie dies beherrschen, können Sie andere Fähigkeiten perfektionieren – beispielsweise das Erstellen von Arrays.

15 JavaScript-Array-Methoden, die Sie heute beherrschen sollten

Sie möchten JavaScript-Arrays verstehen, kommen aber nicht damit zurecht? Sehen Sie sich unsere JavaScript-Array-Beispiele an, um eine Anleitung zu erhalten.

Weiter lesen

Über den Autor