Javascript nieuwe set

| | | | | | |

Hoe sets in JavaScript te gebruiken

Heeft u een lijst met gegevens die alleen unieke waarden mogen bevatten? Dit is waar het JavaScript Set-gegevenstype echt uitblinkt. Het is een nieuw type object waarmee u een verzameling unieke waarden kunt maken; er zijn geen duplicaten toegestaan in een set.

In deze handleiding bespreken we wat sets zijn, hoe ze werken en wanneer ze nuttig kunnen zijn. We zullen enkele voorbeelden zien van elk van de Set-methoden die beschikbaar zijn in JavaScript.

Wat is een set?

Een set is een verzameling waarden ‚Äã‚Äãdie geen duplicaten kunnen bevatten. Dit gegevenstype is geïntroduceerd in ECMAScript 6. Met name sets zijn een kenmerk van veel andere programmeertalen.

Lijsten zijn handig omdat u er meerdere waarden in kunt opslaan. Lijsten ondersteunen het opslaan van dubbele waarden, wat handig kan zijn in talloze scenario`s.

Als u bijvoorbeeld een lijst met coffeeshopbestellingen archiveert, moet u dubbele waarden kunnen opslaan . Twee klanten kunnen hetzelfde drankje bestellen.

In sommige gevallen wilt u misschien alleen unieke waarden ‚Äã‚Äãin een lijst opslaan. Dit is waar u het Set-object wilt gebruiken. De waarden in de sets kunnen maar één keer voorkomen.

In JavaScript wordt een set gedeclareerd zoals elk ander object. Laten we een set maken die een lijst opslaat met favoriete taarten die zijn gerapporteerd door klanten in een plaatselijke tearoom:

Onze code geeft als resultaat: Set []. We hebben zojuist een set gemaakt. Het heeft op dit moment geen waarde, zoals je kunt zien aan de uitvoer van onze code; we zullen ze later toevoegen.

Start standaardset Waarden ‚Äã‚Äã

Sets kunnen worden geïnitialiseerd vanuit een array, string of andere iterable. Dit is handig omdat het betekent dat u niet handmatig waarden ‚Äã‚Äã aan uw Set hoeft toe te voegen; je kunt werken vanuit bestaande.

Bekijk de volgende lijst:

Deze waarden ‚Äã‚Äãzijn momenteel opgeslagen om ze naar Set te converteren, kunnen we onze array doorgeven bij het maken van een nieuw Set-object:

Onze code geeft als resultaat:

Waarden toevoegen aan een set

Het Ensembl-object e wordt geleverd met een methode genaamd add () die het gemakkelijk maakt om een item toe te voegen s naar een set. De naam van de methode die wordt gebruikt om een element aan een set toe te voegen, is zelfs gemakkelijk te onthouden: add ().

Stel dat we "Boston Cream Pie" willen toevoegen " op ons lijstje met taarten die verkocht worden bij een plaatselijke bakker. We gebruiken de methode add () om deze waarde toe te voegen:

Onze code keert terug:

Onze set bevat nu vier objecten. Als u een object probeert toe te voegen dat al in een set zit, wordt dat object niet toegevoegd. Sets kunnen geen dubbele waarden opslaan.

Controleer of een waarde in een set bestaat

We moeten controleren of "Boston Cream Pie" op onze taartlijst staat. Het was een nieuwe toevoeging aan de taartlijst en de bakker wil verifiëren dat we het hebben toegevoegd.

Dit is waar de has ()-methode van pas komt. De heeft () methode stelt u in staat om te controleren of een set heeft een bepaalde waarde. Nogmaals, de methode heeft een makkelijk te onthouden naam!

Denk aan de volgende code:

Onze code geeft als resultaat: true. De methode heeft () retourneert een Booleaanse waarde, waar of onwaar, afhankelijk van of een set een bepaalde waarde bevat. Deze methode is vergelijkbaar met includes () die u zou gebruiken op een array, maar heeft () werkt alleen met Sets.

Verwijder een waarde uit een set

De bakker heeft besloten dat aardbeienkwarktaarten niet meer in de bakkerij worden geserveerd. De aardbeienkwarktaart duurde langer dan de andere taarten en was niet erg populair.

Je kunt een waarde uit een set verwijderen met de juiste delete ()-methode. Laten we verwijderen de waarde " Strawberry Cheesecake" uit onze set:

Onze code geeft als resultaat:

Aardbeien Cheesecake is verwijderd uit onze set.

U kunt alle waarden "van" verwijderen een set met behulp van de methode clear ().

Over een set herhalen

Sets zijn, net als lijsten, objecten die kunnen worden herhaald. U weet wat dat betekent - u kunt er doorheen bladeren.

We gaan een for-each-lus gebruiken om door onze taartset te bladeren. Onze for-each-lus kijkt naar elk item in onze lijst - voor elk item in de lijst - en voert het uit naar de console:

Onze code retourneert een iterator die elke waarde van onze Set naar de console print: < / p>

C ` zo simpel is ! for-of loop:

Deze code retourneert dezelfde uitvoer als onze forEach-lus:

Je kunt ervoor kiezen om een for-lus te gebruiken om door een set ble te bladeren, maar omdat sets iterabel of ggetti zijn, is het gemakkelijker om gebruik een for-each of een for-of-lus.

Dubbele waarden verwijderen ‚Äã‚Äãmet behulp van Set

Als u een Set initialiseert met een array, zullen alle dubbele waarden automatisch worden verwijderd. Het is een ongelooflijk handige functie.

Stel dat we een lijst hebben met een aantal taartbestellingen:

Deze set bevat alle taartbestellingen die bij de bakkerij zijn gemaakt. In totaal zijn er acht waarden; twee waarden ‚Äã‚Äãzijn gedupliceerd.

Stel dat de bakker wil weten welke soorten taarten besteld zijn, zodat hij zijn eigen keuken kan gaan koken. onze Set converteren naar een lijst:

Onze code geeft als resultaat:

Onze lijst is teruggebracht tot zes waarden. Dit zijn allemaal unieke waarden ‚Äã‚Äãop onze bestellijst. Er is nog één stap over.

We moeten onze taartset terug converteren naar een lijst zodat we ermee kunnen communiceren met behulp van de standaardlijst methoden. We kunnen n doe dit vervolgens met de methode Array.from ():

Onze code geeft als resultaat:

Hoewel de uitvoer van deze code vergelijkbaar is met onze Set, is er is één groot verschil: onze gegevens worden nu opgeslagen als een array. Dit betekent dat we ermee kunnen communiceren met behulp van alle ingebouwde JavaScript-arraymethoden.

Conclusie

Met het Set-object kunt u een lijst met items opslaan die alleen enkele gewaardeerde artikelen. Sets kunnen worden geïnitialiseerd vanuit een bestaand itereerbaar object, zoals een lijst of een tekenreeks.

Aangezien het Set-object dubbele waarden verwijdert, kunt u het gebruiken als een manier om duplicaten uit een array te verwijderen. Als u klaar bent, kunt u uw Set weer omzetten in een tabel.

U bent nu klaar om Sets als een professional in JavaScript te gaan gebruiken!

Javascript nieuwe set __del__: Questions

Javascript nieuwe 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