Detaillierte Erklärung der Set-Datenstruktur von JavaScript
1. Was ist SetMan kann sich eine Menge einfach als eine mathematische Menge vorstellen. Es handelt sich um eine ungeordnete Datensammlung ohne wiederholte Werte . 2. Konstruktor festlegenFür die Parameter des Set-Konstruktors können folgende Formen übergeben werden. 2.1) ArraysKonstante s = neue Menge ([1, 2, 1]); Konsole.log(s);
Hier wird als Parameter ein Array 2.2) Saiten const s = new Set("Hallo Welt!");
Konsole.log(s);
2.3) Argumente Funktion Spaß() {
const s = neues Set(Argumente);
Konsole.log(s);
}
Spaß (1, 2, 3);
2.4) Knotenliste <!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<Titel>festlegen</Titel>
</Kopf>
<Text>
<p>1</p>
<p>2</p>
<p>3</p>
<Skript>
const s = neues Set(document.querySelectorAll('p'));
Konsole.log(s);
</Skript>
</body>
</html>
Hier werden Verweise auf drei Wenn wir es verwenden müssen, können wir dieses 2.5) Satzconst s1 = neues Set([1, 2, 3]); const s2 = neues Set(s1); konsole.log(s2);
Dies entspricht dem Kopieren von Konsole.log(s1 === s2);
3. Legen Sie die Instanzeigenschaften und -methoden fest Die Eigenschaften von Set haben ein Attribut const s = neue Menge([1, 2, 3]); Konsole.log(s.Größe);
Methoden des Sets
Hinzufügen von Mitgliedern zu einem Set const s = neue Menge([1, 2, 3]); // Sein Parameter kann nur einen übergeben s.add(5); Konsole.log(s); // kann mit add verkettet werden s.add(7).add(9); Konsole.log(s);
Wird zum Löschen von Mitgliedern aus einem Set verwendet const s = neue Menge([1, 2, 3]); s.delete(2); // Wenn das zu löschende Element nicht im Set gefunden wird, passiert nichts und es wird kein Fehler gemeldet s.delete(5); Konsole.log(s);
Wird verwendet, um zu bestimmen, ob ein Set ein Mitglied enthält const s = neue Menge([1, 2, 3]); console.log(s.hat(1)); console.log(s.has(5));
Löscht alle Mitglieder des Sets const s = neue Menge([1, 2, 3]); s.löschen(); Konsole.log(s);
4. Mitgliederzugang einrichten Der Zugriff auf die Mitglieder wird über die Methode Es hat zwei Parameter, der erste Parameter ist die Rückruffunktion, und der zweite Parameter legt fest, worauf s.forEach(Rückruffunktion, Zeiger auf Rückruffunktion) Schauen wir uns den ersten Parameter an: Für die erste Parameter-Callback-Funktion gibt es drei Parameter: s.forEach(Funktion(Wert, Schlüssel, Satz){
value ist ein Mitglied von Set. In Set sind value und key gleich. Set ist das vorherige Set selbst, d. h. hier set === s
});
Lassen Sie es uns anhand eines Beispiels verstehen: const s = neue Menge([1, 2, 3]);
s.forEach(Funktion(Wert, Schlüssel, Satz) {
console.log(Wert, Schlüssel, Wert === Schlüssel);
Konsole.log(setzen, setzen === s);
});
Schauen wir uns den zweiten Parameter an: const s = neue Menge([1, 2, 3]);
s.forEach(Funktion(Wert, Schlüssel, Satz) {
konsole.log(dies);
}, dokumentieren);
5. Hinweise zum Set Die Beurteilung doppelter Werte durch Set folgt grundsätzlich der strikten Gleichheit Für 6. Anwendungsfälle von SetArray-Deduplizierung sei arr = [1, 2, 1]; Konstante s = neues Set (arr); arr = [...s]; // Sie können sie auch zu einem Satz kombinieren // arr = [...new Set(arr)]; Konsole.log(arr);
String-Deduplizierung lass str = "11231131242";
const s = neues Set(str);
str = [...s].join("");
// Kann auch als ein Satz geschrieben werden // str = [...new Set(str)].join("");
konsole.log(str);
Speichern von DOM-Elementen <!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<Titel>festlegen</Titel>
</Kopf>
<Text>
<p>1</p>
<p>2</p>
<p>3</p>
<Skript>
const s = neues Set(document.querySelectorAll('p'));
s.fürEach((elem) => {
console.log(Element)
});
</Skript>
</body>
</html>
ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können! Das könnte Sie auch interessieren:
|
<<: Drei Möglichkeiten, um einen Textblinkeffekt im CSS3-Beispielcode zu erzielen
Artikel empfehlen
Detaillierte Erläuterung der grundlegenden Befehle der Firewalld-Firewall in Centos7
1. Grundlagen der Linux-Firewall Das Linux-Firewa...
Detaillierte Schritte zum Herunterladen und Installieren von Tomcat unter Linux
Wenn Sie gerade erst mit Linux in Berührung gekom...
Ändern Sie die maximale Anzahl von MySQL-Verbindungen und Konfigurationsdateien in Docker
1. Suchen Sie das MySQL-Image Docker PS 2. Geben ...
Detaillierte Erklärung der Komponentenkommunikation in React
Inhaltsverzeichnis Übergeordnete Komponente kommu...
IE6 BUG und Fix ist eine vorbeugende Strategie
Originalartikel: Ultimatives IE6-Cheatsheet: So b...
In JavaScript integrierter Zeit- und Datumsformatierungsbeispielcode
1. Grundkenntnisse (Methoden von Datumsobjekten) ...
Verwenden Sie Docker, um einen Redis-Master-Slave-Replikationscluster zu erstellen
In einem Cluster mit Master-Slave-Replikationsmod...
IIS7~IIS8.5 Löschen oder Ändern des Serverprotokollheaders Server
Anforderungen: Entfernen Sie HTTP-Antwortheader i...
Tutorial zum Herunterladen, Installieren und Bereitstellen von Tomcat für IDEA (mit zwei Hot-Deployment-Einstellungsmethoden für IDEA)
Inhaltsverzeichnis Tomcat-Download-Tutorial Tutor...
Transkript der Implementierung berechneter Vue-Eigenschaften
In diesem Artikel wird das Implementierungszeugni...
Beispiel zum Starten eines Containers mit mehreren Netzwerkschnittstellen mithilfe von Docker
Hinzufügen einer Netzwerkschnittstelle zum Contai...
Lösung für das Problem, dass die virtuelle Virtualbox-Maschine im NAT-Modus keine Verbindung zum externen Netzwerk herstellen kann
Hintergrund Für die virtuelle VirtualBox-Maschine...
jQuery Treeview-Baumstrukturanwendung
In diesem Artikelbeispiel wird der Anwendungscode...
Einführung in das Linux-Netzwerksystem
Inhaltsverzeichnis Netzwerk Informationen Ändern ...
Detaillierte Erläuterung gängiger Methoden von JavaScript String
Inhaltsverzeichnis 1. charAt Grammatik Parameter ...