Heim > Web-Frontend > Front-End-Fragen und Antworten > Ist für ES6 eingestellt?

Ist für ES6 eingestellt?

青灯夜游
Freigeben: 2022-05-05 14:37:02
Original
1511 Leute haben es durchsucht

Set ist eine neue Funktion von ES6. Set ist eine neue Datenstruktur in ES6. Es handelt sich um eine geordnete Listensammlung, die einem Array ähnelt, aber ihre Mitgliedswerte sind eindeutig und es gibt keine doppelten Werte Funktionsliste Beim Aufruf erfolgen die Aufrufe in der angegebenen Reihenfolge, sodass der Set-Typ geordnet ist.

Ist für ES6 eingestellt?

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

Set ist eine neue Funktion von ES6.

Set ist eine neue von ES6 bereitgestellte Datenstruktur, die einem Array ähnelt, aber die Werte der Mitglieder sind eindeutig und es gibt keine doppelten Werte.

Set selbst ist ein Konstruktor, der zum Generieren einer Set-Datenstruktur verwendet wird.

// 创建Set实例
let set1 = new Set();                           // {}
let set2 = new Set([1,2,{name:'杰克'}]);        // {1,2,{name:'杰克'}}
Nach dem Login kopieren

Der Satztyp ist eine neue geordnete Listensammlung in es6, die einige unabhängige, sich nicht wiederholende Werte enthält. Wenn eine vom Satz gespeicherte Funktionsliste aufgerufen wird, wird sie ausgeführt die angegebene Reihenfolge, so dass der eingestellte Typ geordnet ist.

Sets zum Hinzufügen, Löschen, Ändern und Überprüfen

Sets Beispiel für die Methode zum Hinzufügen, Löschen, Ändern und Überprüfen:

  • add()

  • delete()

  • has()

  • clear( )

add()

Fügen Sie einen bestimmten Wert hinzu und geben Sie die Set-Struktur selbst zurück.

Beim Hinzufügen von Elementen, die bereits in der Instanz vorhanden sind, verarbeitet das Set die Addition nicht s.add(1).add( 2).add(2); // 2 wird nur einmal hinzugefügt

delete()

Löscht einen bestimmten Wert und gibt einen booleschen Wert zurück, der angibt, ob der Löschvorgang erfolgreich war

s.delete(1)
Nach dem Login kopieren

has()

return Ein boolescher Wert, um zu bestimmen, ob der Wert ein Mitglied von Set ist

s.has(2)
Nach dem Login kopieren

clear()

Alle Mitglieder löschen, kein Rückgabewert

s.clear()
Nach dem Login kopieren

Set Traversal Die Durchlaufmethoden für festgelegte Instanzen lauten wie folgt:

Über die Durchlaufmethoden gibt es Folgendes:

    keys(): ein Traverser, der Schlüsselnamen zurückgibt
  • values(): ein Traverser, der Schlüsselwerte zurückgibt
  • entries(): gibt Schlüssel-Wert-Paare zurück. Traverser
  • forEach(): Verwenden Sie die Rückruffunktion, um jedes Mitglied zu durchlaufen. Die Durchlaufreihenfolge von Set ist die Einfügereihenfolge. Die Schlüsselmethode, Werte ​​Methode und Einträge-Methode geben das Traverser-Objekt zurück. forEach() wird verwendet, um eine bestimmte Operation für jedes Mitglied auszuführen. Der Schlüsselwert und der Schlüsselname sind gleich Parameter, der zum Binden des Erweiterungsoperators this
  • 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"]
    Nach dem Login kopieren

    der Verarbeitungsfunktion verwendet wird. In Kombination mit der Set-Struktur wird eine Array- oder String-Deduplizierung erreicht

Konvertierung von gewöhnlichen Arrays und Set-Instanzen

1. Array in Set-Instanz konvertieren

let set = new Set([1, 4, 9]);
set.forEach((value, key) => console.log(key + ' : ' + value))
// 1 : 1
// 4 : 4
// 9 : 9
Nach dem Login kopieren

2. Set-Instanz in Array konvertieren

// 数组
let arr = [3, 5, 2, 2, 5, 5];
let unique = [...new Set(arr)]; // [3, 5, 2]
// 字符串
let str = "352255";
let unique = [...new Set(str)].join(""); // ""
Nach dem Login kopieren
[Verwandte Empfehlungen:

Javascript-Video-Tutorial

,

Webfront- Ende]

Das obige ist der detaillierte Inhalt vonIst für ES6 eingestellt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage