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 = new Set([1, 2, 3]); // Es kann nur ein Parameter übergeben werden s.add(5); console.log(s); // Es kann verkettet werden adds.add(7).add(9); console.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:
|
<<: Die 9 besten ausländischen Websites mit kostenlosem Bildmaterial
>>: Eine kurze Analyse der Verwendung von HTML-Float
Artikel empfehlen
Bei der Installation von MySQL5.7.18winX64 unter Windows 10 konnte der Server nicht gestartet werden und es wurde keine Fehlermeldung angezeigt.
Systemumgebung: Win10 64-bit MySQL-Version: mysql...
Das Vue-Projekt realisiert Anmelde- und Registrierungseffekte
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung zur Installation und vollständigen Deinstallation von MySQL mit apt-get unter Ubuntu
1. Installieren Sie MySQL: udo apt-get installier...
Vue.js implementiert eine Bildwechselfunktion
In diesem Artikel wird der spezifische Code von V...
Implementierungsschritte zum Erstellen mehrseitiger Programme mit Webpack
Es ist sehr üblich, webpack zum Erstellen einseit...
Detaillierte Erläuterung der Installation und Konfiguration von ROS in CLion2020.1.3 unter Ubuntu20.04
1. CLion herunterladen, installieren und aktivier...
Einführung in das MySQL Connection Control Plugin
Inhaltsverzeichnis 1. Einführung in das Verbindun...
Detaillierte Erklärung zur Verwendung des Iframe-Tags (Attribute, Transparenz, adaptive Höhe)
1. Iframe-Definition und -Verwendung Das Iframe-E...
MySQL-Backup-Tabellenvorgang basierend auf Java
Der Kern ist mysqldump und Runtime Der Vorgang is...
jQuery implementiert die Anzeige und Ausblendung von Anzeigenanimationen
Wir sehen oft, dass Anzeigen nach ein paar Sekund...
HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen
Manchmal müssen wir steuern, ob HTML-Elemente auf ...
JavaScript implementiert die Kontrollkästchenauswahlfunktion
In diesem Artikelbeispiel wird der spezifische Ja...
Der Unterschied und die Verwendung von Strg+z, Strg+c und Strg+d in Linux-Befehlen
Was bedeutet Strg+C, Strg+D, Strg+Z in Linux? Str...
Beim Ändern eines Datensatzes in MySQL lautet die Aktualisierungsoperation Feld = Feld + Zeichenfolge
In einigen Szenarien müssen wir unsere Felder vom...
Native Js-Implementierung des Kalender-Widgets
In diesem Artikelbeispiel wird der spezifische JS...