Tietorakennetta, joka pitää ryhmän samantyyppisiä elementtejä viereisessä muistilohkossa tunnetaan nimellä ' joukko ”. Taulukot ovat myös tuettuja tietotyypeinä TypeScriptissä, koska se on JavaScriptin pääjoukko. Se on tyyppiturvallisempi kuin JavaScript, koska sen avulla kehittäjät voivat määrittää elementtien tyypin, jotka taulukko voi tallentaa. Matriiseja voidaan käyttää tällä tavalla ylläpidettävän koodin tuottamiseen.
Tämä opetusohjelma näyttää matriisityypin TypeScriptissä ja tavan käyttää sitä.
Mikä on taulukkotyyppi TypeScriptissä ja miten sitä voidaan käyttää?
' Array ” on JavaScriptiä muistuttava TypeScriptin tietorakenne, jossa on edistynyt ominaisuus määrittää taulukkotyyppi. Sitä voidaan käyttää tietokokoelman, kuten numero- tai merkkijonoluettelon, tallentamiseen ja käsittelemiseen, ja sitä voidaan käyttää niiden hakemiston avulla. On kaksi tapaa ilmoittaa tai käyttää taulukkoa TypeScriptissä:
- 'Matriisi' avainsana
- hakasulkeet '[]' tai lyhytsanainen syntaksi
Yhden tyypin taulukon syntaksi
Jos haluat ilmoittaa tai alustaa taulukon yhdellä tyypillä, käytä annettua syntaksia 'Array'-avainsanan kanssa:
Array < tyyppi > = [ elementti1, elementti2, elementti3 ] ;
Tai käytä sitä lyhennettynä syntaksina alla esitetyllä tavalla:
tyyppi [ ] = [ elementti1, elementti2, elementti3 ] ;
Syntaksi Multi-Type Arraylle
Käytä 'Matriisi'-avainsanan avulla alla olevaa syntaksia monityyppisen taulukon alustamiseen tai ilmoittamiseen:
Array < tyyppi | tyyppi > = [ elementti1, elementti2, elementti3 ] ;
Tai voit käyttää hakasulkeita '[]' tai lyhennettyä syntaksia seuraavasti:
( tyyppi | tyyppi ) [ ] = [ elementti1, elementti2, elementti3 ] ;
Esimerkki 1: Single String Type Array
Luomme ensin TypeScript-tiedoston nimeltä ' Arraytypes.ts ”. Ilmoita annetussa esimerkissä ensin merkkijonotyyppinen taulukko nimeltä ' väri ' käyttämällä 'Array'-avainsanaa:
var väri: Array < merkkijono > ;
Alusta nyt taulukko merkkijonotyyppiarvoilla:
väri = [ 'punainen' , 'sininen' , 'vihreä' , 'musta' , 'valkoinen' , 'violetti' , 'vaaleanpunainen' ] ;
Tulosta seuraavaksi taulukko konsoliin:
console.log ( väri ) ;
Koodin lisäämisen jälkeen siirrämme tämän tiedoston JavaScript-tiedostoksi annetulla komennolla:
tsc Arraytypes.ts
Sitten JavaScript-koodin suorittamiseen käytämme alla annettua komentoa:
solmu Arraytypes.js
Huomautus : TypeScript-tiedosto on siirrettävä jokaisen siihen tehdyn muutoksen jälkeen.
Lähtö
Voit käyttää taulukon elementtejä käyttämällä hakasulkeiden merkintää '[ ]'. Tässä pääsemme indeksin 3 elementtiin:
console.log ( väri [ 3 ] ) ;
Lähtö näyttää ' musta ', joka on indeksissä 3 sijaitsevan taulukon elementti:
Esimerkki 2: Yhden numeron tyyppitaulukko
Luo tässä esimerkissä parillisten lukujen joukko määrittämällä sen tyyppi ' Määrä ' käyttäen lyhennettyä syntaksia:
var evenNumbers: Numero [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , kaksikymmentä , 22 ] ;
Tulosta taulukko konsoliin:
console.log ( parilliset luvut ) ;
Lähtö
Esimerkki 3: Multi-Type Array
Luo annetussa esimerkissä taulukko, joka sisältää merkkijonotyypin arvot sekä numerotyypin.
Määritä ensin taulukko lyhennetyn syntaksin avulla määrittämällä taulukkotyypit liukuhihna- tai liitosoperaattorilla:
vari array: ( merkkijono | määrä ) [ ] ;
Määritä arvot taulukolle ja tulosta se sitten konsolissa:
joukko = [ 'punainen' , 1 , 'sininen' , 7 , 'violetti' , 5 ] ;console.log ( joukko ) ;
Lähtö
Siinä kaikki Array Typen käytöstä TypeScriptissä.
Johtopäätös
' Array ” on JavaScriptiä muistuttava TypeScriptin tietorakenne, jota voidaan käyttää datakokoelman tallentamiseen ja käsittelyyn. Taulukon ilmoittamiseen/käyttämiseen TypeScriptissä on kaksi tapaa, mukaan lukien ' Array 'avainsana tai hakasulku' [ ] ' tai lyhenne syntaksi. Tämä opetusohjelma esitteli matriisityypin TypeScriptissä ja tavan käyttää sitä.