Heim >Web-Frontend >js-Tutorial >Was ist ein Set in JS?

Was ist ein Set in JS?

WBOY
WBOYOriginal
2024-07-19 12:03:18375Durchsuche

What is a Set in JS?

Ein Set ist eine Sammlung einzigartiger Werte. Im Gegensatz zu Arrays können Mengen keine doppelten Elemente enthalten.

Grundlegende Operationen mit Set

Erstellen eines Sets

Sie können ein neues Set mit dem neuen Set()-Konstruktor erstellen. Zum Beispiel:

const uniqueNumbers = new Set([1, 2, 3, 3, 4]);
console.log(uniqueNumbers); // Output: Set(4) {1, 2, 3, 4}

Witzig-ernsthafte Beispiele

Beispiel 1:Die doppelten Party-Crasher
Stellen Sie sich vor, Sie veranstalten eine Party und möchten nur einzigartige Gäste. Aber manche Gäste versuchen sich zweimal einzuschleichen!

const partyGuests = new Set();

partyGuests.add('Alice');
partyGuests.add('Bob');
partyGuests.add('Alice'); // Alice tries to sneak in again!

console.log(partyGuests); // Output: Set(2) {"Alice", "Bob"}

Hier hat Alice zweimal versucht, sich einzuschleichen, aber das Set lässt sie nur einmal rein.

Beispiel 2:Der Magic Hat Trick
Du hast einen Zauberhut, der nur die Aufbewahrung einzigartiger Gegenstände zulässt. Wenn Sie versuchen, denselben Artikel zweimal zu platzieren, wird er einfach nicht angezeigt!

const magicHat = new Set();

magicHat.add('Rabbit');
magicHat.add('Dove');
magicHat.add('Rabbit'); // Another Rabbit tries to jump in!

console.log(magicHat); // Output: Set(2) {"Rabbit", "Dove"}

Der Zauberhut enthält nur einen Hasen und eine Taube, obwohl der zweite Hase versucht, hineinzuspringen.

Beispiel 3:Die Bibliothek einzigartiger Bücher
Sie betreiben eine Bibliothek, in der jedes Buch einzigartig sein muss. Wenn jemand versucht, ein Buch zu spenden, das Sie bereits besitzen, lehnen Sie dies höflich ab.

const library = new Set(['1984', 'Brave New World', '1984']); // 1984 is already in the library!

console.log(library); // Output: Set(2) {"1984", "Brave New World"}

Ihre Bibliothek behält ihre Einzigartigkeit, indem sie von jedem Buch nur ein Exemplar behält.

Nützliche Methoden

Suche nach einem Mitglied

Möchten Sie wissen, ob ein bestimmter Gast bereits auf der Party ist?

console.log(partyGuests.has('Alice')); // true
console.log(partyGuests.has('Charlie')); // false

Ein Mitglied entfernen

Jemand beschließt, die Party vorzeitig zu verlassen? Kein Problem!

partyGuests.delete('Bob');
console.log(partyGuests); // Output: Set(1) {"Alice"}

Löschen des Sets

Die Party ist vorbei! Zeit, alle rauszuräumen.

partyGuests.clear();
console.log(partyGuests); // Output: Set(0) {}

Iterieren über einen Satz

Genau wie bei Arrays können Sie über Mengen iterieren.

const animals = new Set(['Cat', 'Dog', 'Bird']);

for (const animal of animals) {
  console.log(animal); 
  // Output:
  // Cat
  // Dog
  // Bird
}

Konvertieren zwischen Mengen und Arrays

Sie können eine Menge in ein Array umwandeln und umgekehrt.

const numberSet = new Set([1, 2, 3]);
const numberArray = [...numberSet]; // [1, 2, 3]

const arrayToSet = new Set(numberArray); // Set(3) {1, 2, 3}

Warum ein Set verwenden?

Sets sind besonders nützlich, wenn Sie eine Sammlung einzigartiger Elemente speichern müssen und Duplikate vermeiden möchten, ohne manuell nach ihnen suchen zu müssen.

Zusammenfassung

  • Eindeutige Werte: Sets speichern nur eindeutige Werte.
  • Grundfunktionen:Sie können Werte in einem Satz hinzufügen, löschen und prüfen.
  • Iterieren: Sie können über die Werte in einem Satz iterieren.
  • Konvertierung: Einfache Konvertierung zwischen Mengen und Arrays.

Durch die Verwendung von Sets stellen Sie sicher, dass Ihre Sammlungen einzigartig und effizient bleiben, egal ob es sich um eine Gästeliste für eine Party, Gegenstände in einem Zauberhut oder Bücher in einer Bibliothek handelt!

Das obige ist der detaillierte Inhalt vonWas ist ein Set in JS?. 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
Vorheriger Artikel:ExpandableText-KomponentenNächster Artikel:ExpandableText-Komponenten