Javascript Neues Set

| | | | | | |

So verwenden Sie Mengen in JavaScript

Haben Sie eine Liste mit Daten, die nur eindeutige Werte enthalten sollten? Hier glänzt der JavaScript-Datentyp Set wirklich. Es handelt sich um einen neuen Objekttyp, mit dem Sie eine Sammlung eindeutiger Werte erstellen können. Innerhalb eines Sets sind keine Duplikate zulässig.

In diesem Leitfaden werden wir daruber sprechen, was Sets sind, wie sie funktionieren und wann sie nutzlich sein können. Wir werden einige Beispiele fur jede der in JavaScript verfugbaren Set-Methoden durchgehen.

Was ist ein Set?

Ein Set ist ein Set von Werten, das keine Duplikate enthalten darf. Dieser Datentyp wurde in ECMAScript 6 eingefuhrt. Insbesondere sind Sets eine Funktion vieler anderer Programmiersprachen.

Listen sind nutzlich, da Sie mehrere Werte speichern können. Listen unterstutzen das Speichern doppelter Werte, was in einer Vielzahl von Szenarien nutzlich sein kann.

Wenn Sie beispielsweise eine Liste mit Bestellungen in einem Café speichern, mussen Sie dies tun in der Lage, doppelte Werte zu speichern. Zwei Kunden k√∂nnen dasselbe Getr√§nk bestellen.

In einigen Fällen möchten Sie möglicherweise nur eindeutige Werte in einer Liste speichern. Dort möchten Sie das Set-Objekt verwenden. Werte in Sets können nur einmal vorkommen.

In JavaScript wird ein Set wie jedes andere Objekt deklariert. Lassen Sie uns ein Set erstellen, das eine Liste der Lieblingskuchen speichert, die von Kunden in einer örtlichen Teestube gemeldet wurden:

Unser Code gibt zuruck: Set []. Wir haben gerade ein Set erstellt. Es hat im Moment keine Werte, wie Sie an der Ausgabe unseres Codes sehen können; wir werden diese als nächstes hinzufugen.

Initiiere ein Set mit Standard Werte

Sets können aus einem Array, String oder einem anderen iterierbaren Objekt initialisiert werden. Dies ist nutzlich, da Sie Ihrem Set keine Werte manuell hinzufugen mussen. Sie können mit bestehenden arbeiten.

Betrachten Sie die folgende Liste:

Diese Werte werden derzeit in einem Array gespeichert. Um sie in ein Set umzuwandeln, können wir unser Array ubergeben, wenn wir ein neues Set-Objekt erstellen:

Unser Code gibt zuruck:

Hinzufugen von Werten zu einem Set

Das Set-Objekt enthält eine Methode namens add () was das Hinzufugen von Elementen zu einem Set erleichtert. Der Name der Methode, mit der ein Element zu einem Set hinzugefugt wird, ist sogar leicht zu merken: add().

Angenommen, wir m√∂chten "Boston Cream Pie‚" auf unsere Liste der Kuchen, die in einer √∂rtlichen B√§ckerei verkauft werden. Verwenden Sie die Methode add(), um diesen Wert hinzuzufugen:

Unser Code gibt Folgendes zuruck:

Unser Set enthält jetzt vier Objekte. Wenn Sie versuchen, ein Element hinzuzufugen, das bereits in einem Set enthalten ist, wird dieses Element nicht hinzugefugt. Sätze können keine doppelten Werte speichern.

√úberprufen, ob ein Wert in einem Satz vorhanden ist

Wir mussen prufen, ob "Boston Cream Pie‚" steht auf unserer Kuchenliste. Es war eine neue Erg√§nzung der Kuchenliste und der B√§cker m√∂chte uberprufen, ob wir es hinzugefugt haben.

Da kommt die Methode has() zum Einsatz in. Mit der Methode has() können Sie uberprufen, ob ein Set hat einen bestimmten Wert. Auch hier hat die Methode einen leicht zu merkenden Namen!

Betrachten Sie den folgenden Code:

Unser Code gibt zuruck: true. Die Methode has() gibt einen booleschen Wert zuruck, entweder wahr oder falsch, je nachdem, ob ein Set einen bestimmten Wert enthält. Diese Methode ähnelt includes(), die Sie fur ein Array verwenden, aber has() funktioniert nur mit Sets.

Entfernen eines Wertes aus einem Satz

Der Bäcker hat entschieden, dass Erdbeer-Käsekuchen nicht mehr in der Bäckerei serviert werden. Der Erdbeer-Käsekuchen hat länger gedauert als andere Kuchen und war nicht sehr beliebt.

Sie k√∂nnen einen Wert mit der treffend benannten Methode delete() aus einem Set entfernen. Lassen Sie uns den Wert "Strawberry Cheesecake‚" aus unserem entfernen Set:

Unser Code gibt Folgendes zuruck:

Erdbeer-Käsekuchen wurde aus unserem Set entfernt.

Sie können alle Werte aus einem Set entfernen mit die Methode clear().

Iteriere uber ein S et

Sets sind wie Listen iterierbare Objekte. Sie wissen, was das bedeutet: Sie können uber sie iterieren.

Wir werden eine for-each-Schleife verwenden, um unser Kuchenset zu durchlaufen. Unsere for-each-Schleife durchläuft jedes Element in unserer Liste–fur jedes Element in der Liste–und gibt es an die Konsole aus:

Unser Code gibt einen Iterator zuruck, der jeden Wert in unserem Set an die Konsole ausgibt:

It’s so einfach! Du könntest auch eine for-of-Schleife verwenden:

Dieser Code gibt die gleiche Ausgabe zuruck wie unsere forEach-Schleife:

Sie könnten eine for-Schleife verwenden, um ein Set zu durchlaufen, aber weil Sets iterierbar sind Objekten ist es einfacher, einfach ein for-each oder for-of zu verwenden loop.

Doppelte Werte mit Set entfernen

Wenn Sie ein Set mit einem Array initialisieren, werden alle doppelten Werte automatisch entfernt. Dies ist eine unglaublich nutzliche Funktion.

Angenommen, wir haben eine Liste mit einer Reihe von Kuchenbestellungen:

Dieses Set enthält alle Kuchenbestellungen an die Bäckerei. Insgesamt gibt es acht Werte; zwei Werte sind Duplikate.

Angenommen, die Bäckerin möchte wissen, welche verschiedenen Kuchensorten bestellt wurden, damit sie ihre Kuche vorbereiten kann. Das können wir herausfinden, indem wir unser Set in eine Liste umwandeln:

Unser Code gibt zuruck:

Unsere Liste wurde auf sechs Werte reduziert. Dies sind alles die einzigartigen Werte unserer Liste der Bestellungen. Es ist noch ein Schritt ubrig.

Wir mussen unser Kuchenset wieder in eine Liste umwandeln, damit wir mit Standardlistenmethoden damit interagieren können. Wir können also benutze das e Array.from() Methode:

Unser Code gibt Folgendes zuruck:

Während die Ausgabe dieses Codes unserem Set ähnlich ist, gibt es einen großen Unterschied: Unsere Daten werden jetzt als Array gespeichert. Das bedeutet, dass wir mit allen integrierten JavaScript-Array-Methoden damit interagieren können.

Schlussfolgerung

Das Set-Objekt ermöglicht es Ihnen, eine Liste von Elementen zu speichern, die nur eindeutige Werte enthalten können . Sets können aus einem vorhandenen iterierbaren Objekt wie einer Liste oder einem String initialisiert werden.

Da das Set-Objekt doppelte Werte entfernt, können Sie damit Duplikate aus einem Array entfernen . Sobald Sie fertig sind, können Sie Ihr Set wieder in ein Array konvertieren.

Jetzt können Sie Sets in JavaScript wie ein Profi verwenden!

Javascript Neues Set __del__: Questions

Javascript Neues Set __delete__: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method