Wat is een set in TypeScript en hoe kan deze worden gebruikt?

Wat Is Een Set In Typescript En Hoe Kan Deze Worden Gebruikt



A ' Set ” is een gegevensstructuur die een groep/verzameling unieke waarden opslaat. De waarden in een set kunnen van elk gegevenstype zijn, inclusief getallen, tekenreeksen of objecten. Een van de belangrijkste kenmerken van een set is dat dubbele waarden niet zijn toegestaan. Wanneer een nieuwe waarde aan een set wordt toegevoegd, wordt deze vergeleken met de bestaande waarden om te zien of deze al bestaat. Als de waarde al bestaat, wordt deze niet aan de set toegevoegd. Dit maakt het handig voor het opslaan van unieke waarden en het vermijden van duplicaten.

Dit artikel demonstreert de Set in TypeScript en de manier waarop deze wordt gebruikt in TypeScript.







Wat is een set in TypeScript?

Set ” is een ingebouwde gegevensstructuur in TypeScript, waarmee unieke elementen van elk type kunnen worden opgeslagen, of het nu gaat om primitieve typen zoals getallen en tekenreeksen, of om complexe objecten. Net als arrays kunt u met sets een verzameling waarden opslaan, maar in tegenstelling tot arrays hebben sets geen indexen. Een set kan worden gedeclareerd of geïnitialiseerd met behulp van de ' Set ” constructeur.



Syntaxis



Gebruik de volgende syntaxis om een ​​set te maken:





const mySet = nieuwe Set ( ) ;


Als alternatief kunt u ook het type set specificeren met behulp van de gegeven syntaxis:

const mySet = nieuwe Set < type > ( ) ;


Voordat u verder gaat, moet u eerst begrijpen dat voor het uitvoeren van een TypeScript-bestand het na elke wijziging in een JavaScript-bestand moet worden omgezet en vervolgens de JavaScript-code op de terminal moet worden uitgevoerd met behulp van de gegeven opdrachten:



tsc bestandsnaam.ts
knooppunt bestandsnaam.js


Voorbeeld

In het gegeven voorbeeld maken we gewoon een set. Verklaar en initialiseer eerst een ' snaar ” typ Set met de naam “ set ' met behulp van de Set Constructor en print het op de console met behulp van de ' console.log() ” methode:

const set = nieuwe set < snaar > ( [ 'HTML' , 'CSS' , 'JavaScript' , 'jQuery' ] ) ;
console.log ( set ) ;


Uitgang


U kunt een set ook declareren zonder het type op te geven met behulp van de setconstructor:

const set = nieuwe set ( ) ;


Voeg waarden toe aan de Set met behulp van de ' toevoegen() ” methode die een vooraf gedefinieerde methode is van het Set-object:

instellen.toevoegen ( 'HTML' ) ;
instellen.toevoegen ( 'CSS' ) ;
instellen.toevoegen ( 'JavaScript' ) ;
instellen.toevoegen ( 'jQuery' ) ;


Druk ten slotte de set af op de console:

console.log ( set ) ;


Uitgang

TypeScript-setmethoden

Enkele veelgebruikte vooraf gedefinieerde Set Object-methoden en -eigenschappen worden in de gegeven tabel besproken:

Methoden/Eigenschappen

Beschrijving

Syntaxis

toevoegen() Deze methode wordt gebruikt voor het toevoegen van waarden in een set. mySet.add(waarde)
heeft() Gebruik de methode 'has()' om te controleren of het gegeven element al dan niet in de array voorkomt. mySet.has(waarde)
verwijderen() Gebruik deze methode om een ​​element uit Set te verwijderen. mySet.delete(waarde)
waarden() Om de ingestelde waarden te krijgen, wordt de methode 'values()' gebruikt. mySet.values()
maat De eigenschap 'size' wordt gebruikt om de lengte of grootte van de set te bepalen. mySet.maat
duidelijk() Deze methode wordt gebruikt om alle elementen uit een set te wissen of te verwijderen. mijnSet.clear()

Hoe kan Set worden gebruikt in TypeScript?

In TypeScript of in JavaScript kunnen sets worden gebruikt voor het verwijderen van duplicaten uit arrays, het verifiëren van het lidmaatschap van een collectie en het uitvoeren van setbewerkingen, waaronder samenvoegen, intersectie en verschil.

Voorbeeld

Hier zullen we in het gegeven voorbeeld zien hoe de set dubbele waarden uit een array verwijdert. Maak eerst een reeks even getallen:

const evenNmbers = [ 2 , 4 , 6 , 2 , 8 , 10 , 4 , 14 , 12 ] ;


Vervolgens zullen we de lengte van de array bepalen met behulp van de ' lengte ” attribuut:

console.log ( 'Grootte van array is: ' + evenNmbers.lengte ) ;


Maak nu een Set met behulp van de Set-constructor door een array door te geven ' even getallen ”:

const uniqueEvenNumbersSet = nieuwe set ( evenNmbers ) ;


Herhaal de set en druk de waarden af ​​op de console:

uniqueEvenNumbersSet.forEach ( ( waarde ) = > {
console.log ( waarde ) ;
} ) ;


Ten slotte zullen we de grootte van de set verifiëren met behulp van de ' maat ' eigendom.:

console.log ( 'Grootte van set is: ' + uniqueEvenNumbersSet.size ) ;


De uitvoer geeft aan dat de lengte van de array ' 9 ” terwijl de lengte of grootte van de Set is “ 7 ” wat aangeeft dat de set dubbele waarden uit een array verwijdert en alleen unieke waarden opslaat:


Dat ging allemaal over de Set in TypeScript en het gebruik ervan in TypeScript.

Conclusie

'Set' is een vooraf gedefinieerde gegevensstructuur in TypeScript, waarmee unieke elementen van elk type kunnen worden opgeslagen. In TypeScript kan het worden gebruikt voor het verwijderen van duplicaten uit arrays, het verifiëren van collectielidmaatschap en het uitvoeren van set-bewerkingen zoals vereniging, kruising en verschil. Dit artikel demonstreerde de Set in TypeScript en de manier waarop deze wordt gebruikt in TypeScript.