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
JavaScript Canvas implementiert Grafiken und Text mit Schatten
Verwenden Sie Canvas, um Grafiken und Text mit Sc...
Detaillierte Erklärung des Cocoscreater-Prefabs
Inhaltsverzeichnis Fertighaus So erstellen Sie ei...
Beispielcode zum Konfigurieren von Nginx zur Unterstützung von https
1. Einleitung Lassen Sie Ihre Website immer noch ...
Beispiel für die Verwendung einer Keep-Alive-Komponente in Vue
Problembeschreibung (was ist Keep-Alive) Keep-Ali...
Detaillierte Erläuterung der Javascript-Wissenspunkte
Inhaltsverzeichnis 1. Grundlegende Einführung in ...
Zusammenfassung der Probleme bei der Speicherplatzfreigabe unter Linux
Die /Partitionsauslastung eines Servers im IDC is...
Beispiele für Dateneinschränkungen basierend auf einer MySQL-Datenbank und Einführung in fünf Integritätseinschränkungen
Um zu verhindern, dass nicht konforme Daten in di...
Tipps zum Gestalten der Fotovorschau-Navigation auf Webseiten
<br />Navigation bezieht sich nicht nur auf ...
Detaillierte Erläuterung der Verwendung des in Nodejs integrierten Verschlüsselungsmoduls zur Peer-to-Peer-Verschlüsselung und -Entschlüsselung
Verschlüsselung und Entschlüsselung sind wichtige...
Beispiel-Tutorial für MySQL-Datenbanktransaktionen
Inhaltsverzeichnis 1. Was ist eine Transaktion? 2...
Erzielen Sie mit reinem CSS3 in wenigen einfachen Schritten einen 3D-Flip-Effekt
Als Pflichtkurs für Frontend-Entwickler kann CSS3...
Upgrade der Docker-Version von MySQL 5.7 auf MySQL 8.0.13, Datenmigration
Inhaltsverzeichnis 1. Sichern Sie die alten MySQL...
Probleme und Lösungen bei der Verwendung des V-Modells zum bidirektionalen Binden der Werte von übergeordneten und untergeordneten Komponenten in Vue
Inhaltsverzeichnis Szenario Versuchen Sie zu löse...
Detaillierte Erläuterung zur Lösung des Problems, dass der Docker-Container nicht über IP auf den Hostcomputer zugreifen kann
Ursprung des Problems Wenn ich Docker verwende, m...
Das Konzept der MySQL-Tablespace-Fragmentierung und Lösungen für damit verbundene Probleme
Inhaltsverzeichnis Hintergrund Was ist Tablespace...