JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript-Sets

Ein JavaScript-Set ist eine Sammlung eindeutiger Werte.

Jeder Wert darf in einem Set nur einmal vorkommen.

Ein Set kann jeden Wert eines beliebigen Datentyps enthalten.

Methoden festlegen

MethodeBeschreibung
neuer Satz()Erstellt einen neuen Satz
hinzufügen()Fügt dem Set ein neues Element hinzu
löschen()Entfernt ein Element aus einem Set
hat()Gibt true zurück, wenn ein Wert vorhanden ist
klar()Entfernt alle Elemente aus einem Set
für jede()Ruft einen Callback für jedes Element auf
Werte()Gibt einen Iterator mit allen Werten in einem Set zurück
Schlüssel()Dasselbe wie Werte()
Einträge()Gibt einen Iterator mit den [Wert,Wert]-Paaren aus einem Set zurück
EigentumBeschreibung
GrößeGibt die Zahlenelemente in einem Set zurück

So erstellen Sie ein Set

Sie können ein JavaScript-Set erstellen, indem Sie:

  • Übergabe eines Arrays annew Set()
  • Erstellen Sie ein neues Set und verwenden add()Sie es, um Werte hinzuzufügen
  • Erstellen Sie ein neues Set und verwenden add()Sie es, um Variablen hinzuzufügen

Die neue Set()-Methode

Übergeben Sie ein Array an den new Set()Konstruktor:

Beispiel

// Create a Set
const letters = new Set(["a","b","c"]);

Erstellen Sie ein Set und fügen Sie Literalwerte hinzu:

Beispiel

// Create a Set
const letters = new Set();

// Add Values to the Set
letters.add("a");
letters.add("b");
letters.add("c");

Erstellen Sie ein Set und fügen Sie Variablen hinzu:

Beispiel

// Create Variables
const a = "a";
const b = "b";
const c = "c";

// Create a Set
const letters = new Set();

// Add Variables to the Set
letters.add(a);
letters.add(b);
letters.add(c);

Die add()-Methode

Beispiel

letters.add("d");
letters.add("e");

Wenn Sie gleiche Elemente hinzufügen, wird nur das erste gespeichert:

Beispiel

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("c");


Die forEach()-Methode

Die forEach()Methode ruft eine Funktion für jedes Set-Element auf:

Beispiel

// Create a Set
const letters = new Set(["a","b","c"]);

// List all entries
let text = "";
letters.forEach (function(value) {
  text += value;
})

Die values() Methode

Die values()Methode gibt ein Iterator-Objekt zurück, das alle Werte in einem Set enthält:

Beispiel

letters.values()   // Returns [object Set Iterator]

Jetzt können Sie das Iterator-Objekt verwenden, um auf die Elemente zuzugreifen:

Beispiel

// Create an Iterator
const myIterator = letters.values();

// List all Values
let text = "";
for (const entry of myIterator) {
  text += entry;
}

Die Methode keys()

Ein Set hat keine Schlüssel.

keys()gibt dasselbe zurück wie values().

Dadurch werden Sets mit Maps kompatibel.

Beispiel

letters.keys()   // Returns [object Set Iterator]

Die Methode entries()

Ein Set hat keine Schlüssel.

entries() gibt [Wert,Wert]-Paare anstelle von [Schlüssel,Wert]-Paaren zurück.

Dadurch werden Sets mit Maps kompatibel:

Beispiel

// Create an Iterator
const myIterator = letters.entries();

// List all Entries
let text = "";
for (const entry of myIterator) {
  text += entry;
}

Mengen sind Objekte

Gibt für ein Set typeofObjekt zurück:

typeof letters;      // Returns object

Gibt für ein Set instanceof Settrue zurück:

letters instanceof Set;  // Returns true