Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie das es6-Set

So verwenden Sie das es6-Set

藏色散人
藏色散人Original
2021-09-13 11:13:032837Durchsuche

So verwenden Sie es6 set: 1. Definieren Sie von var bis let durch „let a=[1,2,3,4,5];“ 2. Durch „let set=new Set();“ Satz.

So verwenden Sie das es6-Set

Die Betriebsumgebung dieses Artikels: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Wie verwende ich das es6-Set? Die Verwendung von set in

es6

ist wie folgt:

//定义从var变为let 不可重复定义
let a=[1,2,3,4,5];

// Set 它类似于数组,但是成员的值都是唯一的,没有重复的值。

    let set=new Set();

Set-Instanzmethoden sind in zwei Kategorien unterteilt: Operationsmethoden (zum Bearbeiten von Daten) und Traversalmethoden (zum Durchlaufen von Elementen).

Im Folgenden sind die vier Betriebsmethoden aufgeführt.

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 angibt, ob der Löschvorgang erfolgreich war.

has(value): Gibt einen booleschen Wert zurück, der angibt, ob der Wert ein Mitglied von Set ist.

clear(): Alle Mitglieder löschen, kein Rückgabewert.

Die Array.from-Methode kann die Set-Struktur in ein Array konvertieren.

Instanzen der Set-Struktur verfügen über vier Traversierungsmethoden, die zum Traversieren von Mitgliedern verwendet werden können.

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(): Rückruffunktion verwenden um jedes Mitglied zu durchlaufen

Es sollte insbesondere darauf hingewiesen werden, dass die Durchlaufreihenfolge von Set die Einfügungsreihenfolge ist.

Da die Set-Struktur keine Schlüsselnamen, sondern nur Schlüsselwerte hat (oder der Schlüsselname und der Schlüsselwert denselben Wert haben), sind die Verhaltensweisen der Schlüsselmethode und der Wertemethode genau gleich.

Instanzen der Set-Struktur sind standardmäßig durchquerbar, und ihre Standardfunktion zur Traverser-Generierung ist ihre Wertemethode.

Das bedeutet, dass die Wertemethode weggelassen werden kann und die for...of-Schleife verwendet werden kann, um die Menge direkt zu durchlaufen.

Der Spread-Operator (...) verwendet intern eine for...of-Schleife, sodass er auch in Set-Strukturen verwendet werden kann.

Beispiele

//1 数组去重
let a=[1,2,3,4,5,6,7,1,2,3];
let b=new Set([...a]);
b=[...b];
// 2 求交集 并集  差集
let a=new Set[1,2,3];
let b=new Set[3,4,5];
//交集
let c=new Set([...a,...b]);
//并集
let d=new Set([...a].filter(x=>b.has[x]));
//交集
let d=new Set([...a].filter(x=>!b.has[x]));

Empfohlenes Lernen: „JavaScript-Grundlagen-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das es6-Set. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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