Wat is Array Type in TypeScript en hoe kan het worden gebruikt?

Wat Is Array Type In Typescript En Hoe Kan Het Worden Gebruikt



Een gegevensstructuur die een groep elementen van hetzelfde type in een aangrenzend geheugenblok bewaart, staat bekend als een ' reeks ”. Arrays worden ook ondersteund als gegevenstype in TypeScript, omdat het een superset van JavaScript is. Het is typeveiliger dan JavaScript, omdat ontwikkelaars hiermee het type elementen kunnen specificeren dat een array kan opslaan. Arrays kunnen op deze manier worden gebruikt om een ​​onderhoudbare code te produceren.

Deze zelfstudie demonstreert het arraytype in TypeScript en de manier om het te gebruiken.







Wat is Array Type in TypeScript en hoe kan het worden gebruikt?

matrix ” is een gegevensstructuur in TypeScript vergelijkbaar met JavaScript met een geavanceerde functie voor het specificeren van het arraytype. Het kan worden gebruikt voor het opslaan en manipuleren van een verzameling gegevens, zoals een lijst met getallen of strings, en is toegankelijk via hun index. Er zijn twee manieren om een ​​array in TypeScript te declareren of te gebruiken:



  • Sleutelwoord 'Array'.
  • vierkante haken '[]' of verkorte syntaxis

Syntaxis voor array van één type

Gebruik de gegeven syntaxis met het trefwoord 'Array' om een ​​array met een enkel type te declareren of te initialiseren:



matrix < type > = [ element1, element2, element3 ] ;





Of gebruik het als een verkorte syntaxis zoals hieronder weergegeven:

type [ ] = [ element1, element2, element3 ] ;



Syntaxis voor array met meerdere typen

Gebruik met behulp van het sleutelwoord 'Array' de onderstaande syntaxis voor het initialiseren of declareren van een array met meerdere typen:

matrix < type | type > = [ element1, element2, element3 ] ;

Of u kunt de vierkante haken '[]' of verkorte syntaxis als volgt gebruiken:

( type | type ) [ ] = [ element1, element2, element3 ] ;

Voorbeeld 1: Array met één tekenreeks

We zullen eerst een TypeScript-bestand maken met de naam ' Arraytypes.ts ”. In het gegeven voorbeeld declareert u eerst een array van het type string met de naam ' kleur ' met behulp van het sleutelwoord 'Array':

var kleur: Array < snaar > ;

Initialiseer nu de array met waarden van het tekenreekstype:

kleur = [ 'rood' , 'blauw' , 'groente' , 'zwart' , 'wit' , 'paars' , 'roze' ] ;

Druk vervolgens de array op de console af:

console.log ( kleur ) ;

Na het toevoegen van code, zullen we dit bestand transponeren naar het JavaScript-bestand met behulp van de gegeven opdracht:

tsc Arraytypes.ts

Vervolgens gebruiken we voor het uitvoeren van de JavaScript-code de onderstaande opdracht:

knooppunt Arraytypes.js

Opmerking : Het is verplicht om het TypeScript-bestand te transponeren na elke wijziging erin.

Uitgang

Om toegang te krijgen tot array-elementen, gebruikt u de notatie tussen vierkante haken '[ ]'. Hier zullen we toegang krijgen tot het element op index 3:

console.log ( kleur [ 3 ] ) ;

De uitvoer wordt weergegeven ' zwart ” wat het element is van een array op index 3:

Voorbeeld 2: Array met één nummertype

Maak in dit voorbeeld een array van even getallen door het type ' Nummer ” met behulp van de verkorte syntaxis:

var evenNumbers: Getal [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , twintig , 22 ] ;

Print de array op de console:

console.log ( even getallen ) ;

Uitgang

Voorbeeld 3: Multi-Type Array

Maak in het gegeven voorbeeld een array die de waarden van het tekenreekstype en een nummertype bevat.

Declareer eerst een array met behulp van de verkorte syntaxis door arraytypen op te geven met de pijplijn- of union-operator:

var-array: ( snaar | nummer ) [ ] ;

Wijs waarden toe aan de array en druk deze af op de console:

matrix = [ 'rood' , 1 , 'blauw' , 7 , 'paars' , 5 ] ;
console.log ( reeks ) ;

Uitgang

Dat is alles over het gebruik van Array Type in TypeScript.

Conclusie

matrix ” is een gegevensstructuur in TypeScript vergelijkbaar met JavaScript die kan worden gebruikt voor het opslaan en manipuleren van een verzameling gegevens. Om de array in TypeScript te declareren/gebruiken, zijn er twee manieren, waaronder de ' matrix ' trefwoord of de vierkante haken ' [ ] ” of verkorte syntaxis. Deze tutorial demonstreerde het arraytype in TypeScript en de manier om het te gebruiken.