Heim > Artikel > Web-Frontend > Was sind die es6-Set-Methoden?
ES6-Set-Methoden können in zwei Kategorien unterteilt werden: 1. Operationsmethoden „add(value)“, „delete(value)“, „has(value)“, clear(); 2. Traversal-Methodenkeys(), Werte (), Einträge(), forEach().
Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.
ES6 bietet einen neuen Datenstruktursatz. Es ähnelt einem Array, aber die Werte der Mitglieder sind eindeutig und es gibt keine doppelten Werte.
Oft nennen wir Set eine Menge, aber eine Menge kann eine Menge sein, und eine Menge ist nicht unbedingt eine Menge.
Eigenschaften: Einzigartigkeit => Keine Duplizierung => Möglichkeit zur Datendeduplizierung.
Set selbst ist ein Konstruktor, und der Konstruktor wird aufgerufen, um die Set-Datenstruktur zu generieren.
关键词 标识符 = new Set();
Beispiel
let i = new Set();
Die Set-Funktion kann ein Array (oder ein Array-ähnliches Objekt) als Parameter für die Dateninitialisierung akzeptieren.
let i = new Set([1, 2, 3, 4, 4]); //会得到 set{1, 2, 3, 4,}
Hinweis: Wenn während der Initialisierung doppelte Werte angegeben werden, werden diese automatisch entfernt. Sammlungen haben keine literale Deklarationsmethode und können nur mit dem Schlüsselwort new deklariert werden.
Es gibt nur ein häufig verwendetes Attribut: Größe – gibt die Gesamtzahl der Mitglieder der Set-Instanz zurück.
let s = new Set([1, 2, 3]); console.log( s.size ); // 3
Set-Instanzmethoden sind in zwei Kategorien unterteilt: Operationsmethoden (für Datenoperationen) und Traversalmethoden (für das Traversieren von Daten).
Operationsmethode:
add(value) Daten hinzufügen und eine neue Set-Struktur zurückgeben
delete(value) Daten löschen und einen booleschen Wert zurückgeben, der angibt, ob der Löschvorgang erfolgreich war
has( Wert) Überprüfen Sie, ob bestimmte Daten vorhanden sind, geben Sie einen booleschen Wert zurück
clear() Alle Daten löschen, kein Rückgabewert
let set = new Set([1, 2, 3, 4, 4]); // 添加数据 5 let addSet = set.add(5); console.log(addSet); // Set(5) {1, 2, 3, 4, 5} // 删除数据 4s let delSet = set.delete(4); console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功 // 查看是否存在数据 4 let hasSet = set.has(4); console.log(hasSet); // false // 清除所有数据 set.clear(); console.log(set); // Set(0) {}
Traversal-Methode:
Set bietet drei Traverser-Generierungsfunktionen und eine Traversierung Verfahren.
keys() Gibt einen Traverser von Schlüsselnamen zurück
values() Gibt einen Traverser von Schlüsselwerten zurück
entries() Gibt einen Traverser von Schlüssel-Wert-Paaren zurück
forEach() Verwenden Sie die Rückruffunktion zum Durchlaufen jedes Mitgliedslet color = new Set(["red", "green", "blue"]); for(let item of color.keys()){ console.log(item); } // red // green // blue for(let item of color.values()){ console.log(item); } // red // green // blue for(let item of color.entries()){ console.log(item); } // ["red", "red"] // ["green", "green"] // ["blue", "blue"] color.forEach((item) => { console.log(item) }) // red // green // blue[Empfohlenes Lernen:
Das obige ist der detaillierte Inhalt vonWas sind die es6-Set-Methoden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!