Heim > Web-Frontend > js-Tutorial > Was sind die es6-Set-Methoden?

Was sind die es6-Set-Methoden?

青灯夜游
Freigeben: 2023-01-07 11:47:08
Original
5653 Leute haben es durchsucht

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().

Was sind die es6-Set-Methoden?

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.

Erstellen eines Sets

Set selbst ist ein Konstruktor, und der Konstruktor wird aufgerufen, um die Set-Datenstruktur zu generieren.

关键词 标识符 = new Set();
Nach dem Login kopieren

Beispiel

let i = new Set();
Nach dem Login kopieren

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,}
Nach dem Login kopieren

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.

Attribute von Set

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
Nach dem Login kopieren

Set-Methoden

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) {}
Nach dem Login kopieren

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 Mitglieds
  • let 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
    Nach dem Login kopieren
    [Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

    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!

Verwandte Etiketten:
es6
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