Heim > Web-Frontend > js-Tutorial > Hauptteil

Sets

王林
Freigeben: 2024-08-26 21:42:32
Original
281 Leute haben es durchsucht

Sets

  • Vor ES6 verfügte JS nur über zwei integrierte Datenstrukturen, nämlich Arrays und Objekte. ES6 führte zwei neue DS ein: Sets, Map.
  • Arrays zur Aufbewahrung und zum geordneten Abruf verwenden.
  • Verwenden Sie Sätze nur, wenn die Reihenfolge keine Rolle spielt und Sie nur das Vorhandensein eines Elements in der Datenstruktur überprüfen müssen.
  • Sets sind nicht dazu gedacht, Arrays zu ersetzen. Arrays sind wichtiger.

- Immer wenn Werte zusammen mit Duplikaten der Reihe nach gespeichert werden müssen, müssen Arrays verwendet werden.

## Usecase: To remove duplicate values of arrays.
const order = ['pizza','burger','pasta','noodles','pizza','noodles','burger'];

const items = new Set(order);
items; // All duplicate values are removed

const city = new Set("California").size;
city; // 8
Nach dem Login kopieren

Setzt:

  • Sets sind auch Iterables wie String.
  • Sammlung einzigartiger Werte.
const city = new Set("California");
city;     // Set(8) { 'C', 'a', 'l', 'i', 'f', 'o', 'r', 'n' }

Nach dem Login kopieren
## Difference between Set & Array:
1. Although looks similar to array, but it has no key-value pairs. Hence, set[0] is invalid.
2. Only a list of unique values, all duplicate removed.
3. Order of element is irrelevant

## Similarities between Arrays & Sets:
1. Set has size property, Array has length propery.
2. Set has 'has' method, Array has includes method.

const order = ['pizza','burger','pasta','noodles','pizza','noodles','burger'];

const items = new Set(order);
items; // Set(4) { 'pizza', 'burger', 'pasta', 'noodles' }


//Both array and sets are iterables. Hence easier to convert from sets to array.
[...items];
Nach dem Login kopieren

Adv: Kann niemals Duplikate haben, kann jedoch gemischte Datentypen enthalten.
Am häufigsten iterierbar ist Array. Ex. Syntax: new Set(iterable)

Liste der Methoden und Eigenschaften für Sets:

.size;  // returns a numerical value
.has('name'); // returns a boolean value
.add('name');  // returns the set with added value
.delete('name'); // returns a boolean value
.clear(); // deletes all elements. returns Set(0) {} 


Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
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 Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!