Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie das Javascript-Set

So verwenden Sie das Javascript-Set

PHPz
PHPzOriginal
2023-05-22 09:56:073057Durchsuche

JavaScript ist eine dynamische Sprache, die aufgrund ihrer Flexibilität neben HTML und CSS zu einem der drei grundlegendsten Elemente in der Webentwicklung geworden ist. In JavaScript ist Set eine sehr häufig verwendete Datenstruktur, die eindeutige Werte jeglicher Art speichern kann. Als nächstes besprechen wir die Verwendung und Funktionen von JavaScript-Sets.

1. Erstellen Sie ein Set

In JavaScript können wir die folgende Methode verwenden, um ein Set zu erstellen:

const set = new Set();

Dadurch wird ein leeres Set erstellt. Wir können ein Array auch in eine Menge umwandeln:

const arr = [1, 2, 3, 3, 4];
const set = new Set(arr); //这将创建一个唯一的值集合:{1, 2, 3, 4}

2. Werte zur Menge hinzufügen

In einer Menge verwenden wir die Methode add(), um ein eindeutiges Element hinzuzufügen. Wenn das hinzugefügte Element bereits im Set vorhanden ist, wird es nicht hinzugefügt.

const set = new Set();
set.add("hello");
set.add("world");
console.log(set); //输出Set("hello", "world")

3. Einen Wert aus dem Set löschen

Um einen Wert aus dem Set zu löschen, können wir die Methode delete() verwenden. Wenn der Wert nicht existiert, gibt die Methode delete() ebenfalls false zurück.

const set = new Set();
set.add("hello");
set.add("world");
set.delete("world");
console.log(set); //输出 Set("hello")

Wir können das gesamte Set auch über die Methode „clear()“ löschen:

const set = new Set();
set.add("hello");
set.add("world");
set.clear();
console.log(set); //输出 Set()

4. Durchlaufen des Sets

In JavaScript können wir die for-of-Schleife verwenden, um das Set zu durchqueren. Da doppelte Werte in Set nicht zulässig sind, überspringt die for-of-Schleife automatisch doppelte Werte.

const set = new Set([1, 2, 3]);
for (const item of set) {
  console.log(item);
}

Das Ausgabeergebnis ist:

1
2
3

Zusätzlich zur for-of-Schleife können wir auch die Methode forEach() verwenden, um die Menge zu durchlaufen. Dadurch wird jedes Element im Satz durchlaufen und die Rückruffunktion darauf ausgeführt.

const set = new Set([1, 2, 3]);
set.forEach((item) => {
  console.log(item);
});

5. Gängige Methoden von Set

In JavaScript gibt es viele häufig verwendete Methoden:

  1. has()-Methode: Überprüfen Sie, ob das Set einen bestimmten Wert enthält.
const set = new Set([1, 2, 3]);
console.log(set.has(2)); //输出 true
console.log(set.has(4)); //输出 false
  1. size-Attribut: Gibt die Anzahl der Elemente im Set zurück.
const set = new Set([1, 2, 3]);
console.log(set.size); //输出 3
  1. keys()-Methode: Gibt die Schlüsselnamen aller Elemente im Set zurück.
const set = new Set([1, 2, 3]);
console.log(set.keys()); //输出 SetIterator {1, 2, 3}
  1. values()-Methode: Gibt die Werte aller Elemente im Set zurück.
const set = new Set([1, 2, 3]);
console.log(set.values()); //输出 SetIterator {1, 2, 3}
  1. entries()-Methode: Gibt die Schlüssel-Wert-Paare aller Elemente im Set zurück.
const set = new Set([1, 2, 3]);
console.log(set.entries()); //输出 SetIterator { [1, 1], [2, 2], [3, 3] }

6. Konvertierung zwischen Set und Array

In JavaScript können wir Set in Array oder Array in Set konvertieren. Im Folgenden sind zwei Konvertierungsmethoden aufgeführt:

  1. Set in Array konvertieren:
const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); //输出 [1, 2, 3]
  1. Array in Set konvertieren:
const arr = [1, 2, 3];
const set = new Set(arr);
console.log(set); //输出 Set(3) {1, 2, 3}

7. Verwendungsszenarien von Set

Set kann zum Entfernen doppelter Werte verwendet werden, was sehr nützlich ist bei der Arbeit mit Daten. Wenn wir beispielsweise Ergebnisse aus einer Datenbank abrufen, können wir Set verwenden, um doppelte Werte zu entfernen, da die Ergebnisse möglicherweise doppelte Werte enthalten.

Set kann auch jede Art von Daten speichern. Dies ermöglicht den Einsatz in vielen Szenarien. Wenn wir beispielsweise eine große Anzahl von Werten speichern müssen, können wir Set zum Speichern von Werten verwenden.

Kurz gesagt ist Set eine sehr nützliche Datenstruktur in JavaScript, die in vielen Szenarien eine Rolle spielen kann. Indem wir die grundlegende Verwendung von Set erlernen, können wir JavaScript besser für die Webentwicklung verwenden.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Javascript-Set. 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