Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie Set- und WeakSet_javascript-Techniken in ES6

WBOY
Freigeben: 2016-05-16 15:11:09
Original
1340 Leute haben es durchsucht

ES6 bietet zwei neue Datenstrukturen: Set und WeakSet. Set ähnelt einem Array, aber die Werte der Mitgliedsvariablen sind eindeutig und es gibt keine doppelten Werte. WeakSet ist ebenfalls eine Sammlung eindeutiger Werte, kann jedoch nur zum Speichern von Objekten verwendet werden.

1. Verwendung des Sets

(1)Set selbst stellt einen Konstruktor zum Generieren der Set-Datenstruktur bereit.

var s = new Set();
[2,2,2,5,8,16,2,1].map(x => s.add(x))

for(i of s){console.log(i)}
//2,5,8,16,1

Nach dem Login kopieren

(2) Die Set()-Funktion kann ein Array als Konstruktionsparameter für die Initialisierung akzeptieren.

var s = new Set([1,2,3,4,2,4,3]);
[...s]
//[1,2,3,4]
Nach dem Login kopieren

Hinweis: Beim Hinzufügen eines Werts zu einem Set findet keine Typkonvertierung statt, daher sind 5 und „5“ zwei verschiedene Werte. Set bestimmt intern, ob die beiden Werte gleich sind = ==, was bedeutet, dass die beiden Objekte immer nicht gleich sind. Das einzige, was außerhalb der Liste steht, ist NaN selbst (der exakte Gleichheitsoperator betrachtet NaN als ungleich sich selbst)

let set = new Set();
set.add({})
set.size//1
set.add({})
set.size//2
Nach dem Login kopieren

Dann bedeutet der obige Code, dass es sich bei den beiden leeren Objekten um zwei unterschiedliche Werte handelt, da sie nicht genau gleich sind.

(3)Methoden und Attribute festlegen

(3.1)Attribute festlegen

Set.prototype.size: Gibt die Anzahl der Mitglieder der Set-Instanz zurück.
Set.prototype.constructor: Die Standardkonstruktor-Set-Funktion.

(3.2)Betriebsfunktion einstellen

add(value): Füge einen Wert hinzu und gebe die Set-Struktur selbst zurück.
delete(value): Löschen Sie einen bestimmten Wert und geben Sie einen booleschen Wert zurück, der den erfolgreichen Löschvorgang anzeigt.
has(value): Gibt einen booleschen Wert zurück, der angibt, ob der Parameter ein Mitglied von Set ist.
clear(): Alle Mitglieder löschen, kein Rückgabewert.

var set = new Set();
set.add(1).add(2).add(22).add(22);
set.size//3

set.hae(22)//true
set.has(4)//false
set.delete(2)//true

(3.3)Traversalbetrieb einstellen

Set verfügt über vier Durchlaufmethoden. Kann zum Durchqueren von Elementen verwendet werden.
keys(): Gibt einen Traverser von Schlüsselnamen
zurück Values(): gibt einen Wert-Traverser
zurück Einträge(): Gibt einen Traverser von Schlüssel-Wert-Paaren
zurück forEach(): Verwenden Sie die Rückruffunktion, um jedes Mitglied zu durchlaufen

Hinweis: Da Set keinen Schlüsselnamen, sondern nur einen Wertnamen hat, sind die von „keys()“ und „values()“ zurückgegebenen Ergebnisse dieselben,

let set = new Set(['red','green','blue']);
for(let item of set.keys()){
console.log(item);
}
//red,green,blue
for(let item of set.values()){
console.log(item);
}
//red,green,blue
for(let item of set.entries()){
console.log(item);
}
//["red","red"]
//["green","green"]
//["blue","blue"]

//所以,entries方法返回的遍历器同时包括键名和值,所以每次输出的是一个数组。其实成员都是完全一样的。

Nach dem Login kopieren

Hinweis: Set ist standardmäßig durchquerbar und seine Standardfunktion zur Traverser-Generierung ist seine Wertemethode.
Dies bedeutet, dass Sie die Wertemethode weglassen und for...of direkt zum Durchlaufen verwenden können.

var set = new Set([1,2,3,4]);
for(let x of set){
console.log(x);
}
//1
//2
//3
//4
Nach dem Login kopieren

Wenn Sie den Spread-Operator (...) verwenden, wird intern eine for...of-Schleife verwendet, sodass diese auch für die Set-Struktur verwendet werden kann.

let set = new Set(['red','green','blue']);
let arr = [...set];
//['red','green','blue'];
Nach dem Login kopieren

(3.4)Set implementiert Vereinigungs-, Schnitt- und Differenzmenge

let set1 = new Set([1,2,3,4,5,6]);
let set2 = new Set([4,5,6,7,8,9]);

//并集
let union = new Set([...set1,...set2]);
//[1,2,3,4,5,6,7,8,9]
//交集
let intersect = new Set([...set1].filter(x => b.has(s)));
//[4,5,6]
//差集
let intersect = new Set([...set1].filter(x => !b.has(s)));
//[1,2,3,4]
Nach dem Login kopieren

(3.5)Set implementiert die Verwendung von forEach

let set = new Set([1,2,3,4,5,6]);
set.forEach(value,key)=>consloe.log(vlaue+1);
//2
//3
//4
//5
//6
//7
Nach dem Login kopieren

Hinweis: Der Parameter der forEach-Methode ist eine Verarbeitungsfunktion, die wiederum die Sammlung (Schlüsselwert, Schlüsselname) selbst ist. Darüber hinaus verfügt die forEach-Methode über einen zweiten Parameter, der das Objekt darstellt, an das diese gebunden ist.

2. Verwendung von WeakSet

WeakSet ähnelt Set und ist ebenfalls eine Sammlung sich nicht wiederholender Werte. Es kann jedoch nur zum Speichern von Objekten verwendet werden. Es kann kein anderer Werttyp sein.
WeakSet ist ein Konstruktor. Kann Arrays und arrayähnliche Objekte als Argumente akzeptieren. (Tatsächlich kann jedes Objekt mit einer iterierbaren Schnittstelle als Parameter von WeakSet verwendet werden). Alle Mitglieder des Arrays werden automatisch Mitglieder des WeakSet-Instanzobjekts.
var a = new [[1,2],[3,4]]; var ws = new WeakSet(a);

var ws = new WeakSet();
ws.add(1);//TypeError:Invalid value used in weak set 
ws.add(Symbol);//TypeError:Invalid value used in weak set 
Nach dem Login kopieren
Fügen Sie einen Wert und ein Symbol hinzu, und gleichzeitig wird ein Fehler gemeldet.

Die WeakSet-Struktur verfügt über die folgenden Methoden

WeakSet.protoptype.add(value): Fügen Sie der WeakSet-Instanz ein neues Mitglied hinzu.
WeakSet.protoptype.delete(value): Löschen Sie das angegebene Mitglied der WeakSet-Instanz.
WeakSet.protoptype.has(value): Gibt einen booleschen Wert zurück, der angibt, ob sich ein Wert in einer WeakSet-Instanz befindet.

var ws = new WeakSet();
var obj = {};
var foo = {};
ws.add(window);
ws.add(obj);
ws.has(window);//true
ws.has(foo);false
ws.delete(window);//true
ws.has(window);//false

Nach dem Login kopieren
WeakSet kann nicht durchlaufen werden, da die Mitglieder schwache Referenzen sind und jederzeit verschwinden können. Traversal kann die Existenz von Mitgliedern nicht garantieren. Es kann sein, dass die Mitglieder unmittelbar nach Abschluss der Durchquerung nicht mehr verfügbar sind. Eine Verwendung von WeakSet besteht darin, DOM-Knoten zu speichern, ohne sich Gedanken über Speicherverluste machen zu müssen, wenn diese Knoten aus dem Dokument entfernt werden.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage