Sets sind ein neues Add-on für JavaScript in ES6. Lassen Sie uns darüber lernen.
Was sind die Sets?
Wie verwendet man sie in JavaScript?
Und welche Methoden gibt es, um Probleme zu lösen?
Lassen Sie uns die Antworten auf alle Fragen in diesem Tutorial herausfinden.
Inhaltsverzeichnis
Sätze
Wie der Name schon sagt, ist ein Set eine Sammlung einzigartiger Elemente. Die wiederholten Werte werden nicht gespeichert.
Sets in JavaScript speichern die Elemente in der Insertionsreihenfolge. Sie sind also in JavaScript geordnet. Und es speichert primitive Datentypen oder Objekte.
Sehen wir uns die Syntax der Sets in JavaScript an.
Ich hoffe, Sie haben IDE, um Folgendes zu üben.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); console.log(names); const randomWord = new Set("Hiiiiiii"); console.log(randomWord); const numbers = new Set([5, 5, 5, 2, 1, 1, 2, 3]); console.log(numbers);
Eigenschaften und Methoden
Mengen haben unterschiedliche Eigenschaften und Methoden, die uns helfen, mit ihnen zu arbeiten, um verschiedene Probleme zu lösen. Die Eigenschaften und Methoden sind so einfach wie das Erstellen. Sie können die Funktionalität der Methoden leicht mit ihren Namen selbst abrufen. Sehen wir sie uns nacheinander an.
Größe
Die Eigenschaft size gibt die Anzahl der in der Menge vorhandenen Elemente zurück.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); console.log(`Size: ${names.size}`);
hinzufügen
Die Methode add wird verwendet, um der Menge ein neues Element hinzuzufügen. Wenn das neue Element bereits in der Menge vorhanden ist, wird es nicht hinzugefügt.
// empty set const names = new Set(); names.add("John"); names.add("Harry"); names.add("Wick"); names.add("Jack"); names.add("Harry"); console.log(names);
hat
Die Methode hat ein Argument und gibt wahr zurück, wenn das Element in der Menge vorhanden ist, andernfalls gibt sie falsch zurück.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); console.log(names.has("Harry")); console.log(names.has("Alley"));
löschen
Wie Sie erwarten, nimmt die Methode delete ein Argument und löscht es aus der Menge. Es gibt keinen Fehler aus, auch wenn das angegebene Argument nicht in der Menge vorhanden ist.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); names.delete("John"); console.log(names);
Einträge
Die Methodeneinträge geben einen Iterator zurück, der Arrays von Schlüssel-Wert-Paaren in der Einfügungsreihenfolge enthält. Hier sind Schlüssel und Wert gleich.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); const entries = names.entries(); console.log(entries.next().value); console.log(entries.next().value); console.log(entries.next().value); console.log(entries.next().value); console.log(entries.next().value);
Schlüssel
Die Methode keys gibt einen Iterator von Set-Elementen in der Einfügereihenfolge zurück.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); const keys = names.keys(); console.log(keys.next().value); console.log(keys.next().value); console.log(keys.next().value); console.log(keys.next().value); console.log(keys.next().value);
Werte
Die Methodenwerte geben ähnlich wie die Methodenschlüssel einen Iterator von Satzelementen in der Einfügereihenfolge zurück.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); const values = names.values(); console.log(values.next().value); console.log(values.next().value); console.log(values.next().value); console.log(values.next().value); console.log(values.next().value);
klar
Die Methode clear entfernt alle Elemente aus der Menge.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); names.clear(); console.log(names);
für jeden
Die Methode forEach wird verwendet, um über die Menge zu iterieren und alle Elemente einzeln daraus abzurufen.
const names = new Set(["John", "Harry", "Wick", "Jack", "Harry"]); names.forEach((element) => { console.log(element); });
Sonstig
Sehen wir uns eine einfache Anwendung von Mengen mit einem Programm an. Entfernen Sie aus einem gegebenen Array alle doppelten Werte. Um das Problem zu lösen, können wir die Eigenschaft set verwenden.
Sehen wir uns den Schritt an, um es zu lösen.
- Initialisieren Sie ein Array mit Dummy-Daten.
- Initialisieren Sie eine leere Menge.
- Iterieren Sie über das Array von Elementen.
- Füge jedes Element der Menge hinzu.
- Doppelte Elemente werden automatisch entfernt.
- Initialisieren Sie ein leeres Array.
- Iterieren Sie über die Menge und fügen Sie jedes Element dem neuen Array hinzu.
- Drucken Sie das neue Array.
Ich hoffe du kannst es selbst lösen. Wenn Sie es schwierig finden, zu programmieren, sehen Sie sich die Lösung unten an.
const arr = ["John", "Harry", "Wick", "Jack", "Harry"]; const temp = new Set(); arr.forEach((element) => { temp.add(element); }); const newArr = []; temp.forEach((element) => { newArr.push(element); }); console.log(newArr);
Fazit
Jetzt haben Sie alle Kenntnisse, die Sie benötigen, um mit Mengen in JavaScript zu arbeiten. Sie können sie in Ihrem nächsten Projekt verwenden. Gehen Sie voran und nutzen Sie jedes bisschen davon.
Viel Spaß beim Programmieren 👨💻