Andmestruktuur, mis hoiab külgnevas mäluplokis sama tüüpi elemente, on tuntud kui ' massiivi ”. Massiive toetatakse ka TypeScripti andmetüübina, kuna see on JavaScripti superkomplekt. See on tüübikindlam kui JavaScript, kuna see võimaldab arendajatel määrata elementide tüübi, mida massiiv saab salvestada. Massiive saab sel viisil kasutada hooldatava koodi loomiseks.
See õpetus tutvustab massiivi tüüpi TypeScriptis ja selle kasutamise viisi.
Mis on TypeScriptis massiivitüüp ja kuidas seda kasutada?
“ Massiiv ” on TypeScripti andmestruktuur, mis sarnaneb JavaScriptiga, millel on massiivitüübi määramise täiustatud funktsioon. Seda saab kasutada andmekogu (nt numbrite või stringide loendi) salvestamiseks ja töötlemiseks ning sellele pääseb juurde nende indeksi abil. TypeScriptis massiivi deklareerimiseks või kasutamiseks on kaks võimalust:
- Märksõna 'Massiiv'.
- nurksulud '[]' või stenogrammi süntaks
Ühe tüüpi massiivi süntaks
Massiivi ühe tüübiga deklareerimiseks või lähtestamiseks kasutage antud süntaksit märksõnaga „Array”:
Massiiv < tüüp > = [ element1, element2, element3 ] ;
Või kasutage seda lühisüntaksina, nagu allpool näidatud:
tüüp [ ] = [ element1, element2, element3 ] ;
Mitmetüübilise massiivi süntaks
Kasutage mitut tüüpi massiivi lähtestamiseks või deklareerimiseks märksõna „Array” abil allolevat süntaksit:
Massiiv < tüüp | tüüp > = [ element1, element2, element3 ] ;
Või võite kasutada nurksulge „[]” või stenogrammi süntaksit järgmiselt.
( tüüp | tüüp ) [ ] = [ element1, element2, element3 ] ;
Näide 1: ühe stringi tüüpi massiiv
Esmalt loome TypeScript-faili nimega ' Massiivitüübid.ts ”. Antud näites deklareerige esmalt stringitüüpi massiiv nimega ' värvi ' kasutades märksõna 'Array':
vari värv: Array < string > ;
Nüüd lähtestage massiiv stringitüübi väärtustega:
värv = [ 'punane' , 'sinine' , 'roheline' , 'must' , 'valge' , 'lilla' , 'roosa' ] ;
Järgmisena printige massiiv konsoolil:
console.log ( värvi ) ;
Pärast koodi lisamist edastame selle faili JavaScripti faili, kasutades antud käsku:
tsc Arraytypes.ts
Seejärel kasutame JavaScripti koodi käivitamiseks allolevat käsku:
sõlm Arraytypes.js
Märge : TypeScript-faili transpileerimine on kohustuslik pärast iga muudatust selles.
Väljund
Massiivielementidele juurdepääsuks kasutage nurksulgudes olevat tähistust „[ ]”. Siin pääseme juurde indeksi 3 elemendile:
console.log ( värvi [ 3 ] ) ;
Väljundil kuvatakse ' must ', mis on indeksi 3 juures asuva massiivi element:
Näide 2: ühe numbri tüübi massiiv
Selles näites looge paarisarvude massiiv, määrates selle tüübi ' Number ” kasutades stenogrammi süntaksit:
var evenNumbers: number [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , kakskümmend , 22 ] ;
Prindi massiiv konsoolile:
console.log ( isegiNumbrid ) ;
Väljund
Näide 3: Mitut tüüpi massiiv
Esitatud näites looge massiiv, mis sisaldab nii stringitüübi kui ka numbritüübi väärtusi.
Esmalt deklareerige massiiv, kasutades stenogrammi süntaksit, määrates konveieri või ühenduse operaatoriga massiivitüübid:
varieeruv massiiv: ( string | number ) [ ] ;
Määrake massiivile väärtused ja seejärel printige see konsoolil:
massiiv = [ 'punane' , 1 , 'sinine' , 7 , 'lilla' , 5 ] ;console.log ( massiivi ) ;
Väljund
See kõik puudutab massiivitüübi kasutamist TypeScriptis.
Järeldus
“ Massiiv ” on JavaScriptile sarnane TypeScripti andmestruktuur, mida saab kasutada andmekogu salvestamiseks ja töötlemiseks. Massiivi deklareerimiseks/kasutamiseks TypeScriptis on kaks võimalust, sealhulgas ' Massiiv ' märksõna või nurksulud ' [ ] ” või stenogrammi süntaks. See õpetus näitas TypeScripti massiivitüüpi ja selle kasutamise viisi.