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

Was ist ein Set in JS?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2024-07-19 12:03:18
Original
417 Leute haben es durchsucht

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

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

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

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

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

Ein Mitglied entfernen

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

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

Löschen des Sets

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

partyGuests.clear();
console.log(partyGuests); // Output: Set(0) {}
Nach dem Login kopieren

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

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

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!

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