Kas yra „TypeScript“ masyvo tipas ir kaip jį naudoti?

Kas Yra Typescript Masyvo Tipas Ir Kaip Ji Naudoti



Duomenų struktūra, kuri gretimame atminties bloke laiko to paties tipo elementų grupę, yra žinoma kaip „ masyvas “. Masyvai taip pat palaikomi kaip duomenų tipas „TypeScript“, nes tai yra „JavaScript“ superrinkinys. Jis yra saugesnis nei JavaScript, nes leidžia kūrėjams nurodyti elementų, kuriuos gali saugoti masyvas, tipą. Tokiu būdu masyvai gali būti naudojami prižiūrimam kodui sukurti.

Šioje pamokoje bus parodytas masyvo tipas „TypeScript“ ir jo naudojimo būdas.







Kas yra „TypeScript“ masyvo tipas ir kaip jį naudoti?

Masyvas “ yra „TypeScript“ duomenų struktūra, panaši į „JavaScript“ su išplėstine masyvo tipo nustatymo funkcija. Jis gali būti naudojamas saugoti ir valdyti duomenų rinkinį, pvz., skaičių arba eilučių sąrašą, ir gali būti pasiekiamas naudojant jų rodyklę. Yra du būdai, kaip deklaruoti arba naudoti masyvą „TypeScript“:



  • Raktinis žodis „masyvas“.
  • laužtiniai skliaustai „[]“ arba trumpoji sintaksė

Vieno tipo masyvo sintaksė

Norėdami paskelbti arba inicijuoti masyvą su vienu tipu, naudokite nurodytą sintaksę su raktiniu žodžiu „Array“:



Masyvas < tipo > = [ elementas1, element2, element3 ] ;





Arba naudokite jį kaip trumpąją sintaksę, kaip nurodyta toliau:

tipo [ ] = [ elementas1, element2, element3 ] ;



Kelių tipų masyvo sintaksė

Naudodami raktinį žodį „Masyvas“, naudokite toliau pateiktą sintaksę kelių tipų masyvui inicijuoti arba deklaruoti:

Masyvas < tipo | tipo > = [ elementas1, element2, element3 ] ;

Arba galite naudoti laužtinius skliaustus „[]“ arba trumpąją sintaksę taip:

( tipo | tipo ) [ ] = [ elementas1, element2, element3 ] ;

1 pavyzdys: vienos eilutės tipo masyvas

Pirmiausia sukursime „TypeScript“ failą pavadinimu „ Masyvo tipai.ts “. Pateiktame pavyzdyje pirmiausia deklaruokite eilutės tipo masyvą pavadinimu ' spalva “ naudojant raktinį žodį „Array“:

įvairi spalva: masyvas < styga > ;

Dabar inicijuokite masyvą su eilutės tipo reikšmėmis:

spalva = [ 'raudona' , 'mėlyna' , 'žalias' , 'juoda' , 'balta' , 'violetinė' , 'rožinis' ] ;

Tada išspausdinkite masyvą konsolėje:

console.log ( spalva ) ;

Pridėję kodą, mes perkelsime šį failą į JavaScript failą naudodami nurodytą komandą:

tsc Arraytypes.ts

Tada, norėdami vykdyti JavaScript kodą, naudosime toliau pateiktą komandą:

mazgas Arraytypes.js

Pastaba : Privaloma perkelti TypeScript failą po kiekvieno pakeitimo jame.

Išvestis

Norėdami pasiekti masyvo elementus, naudokite laužtinius skliaustus „[ ]“. Čia pasieksime 3 indekso elementą:

console.log ( spalva [ 3 ] ) ;

Išvestyje rodoma „ juodas “, kuris yra masyvo, esančio 3 indekse, elementas:

2 pavyzdys: Vieno skaičiaus tipo masyvas

Šiame pavyzdyje sukurkite lyginių skaičių masyvą, nurodydami jo tipą „ Skaičius “ naudojant trumpąją sintaksę:

var evenNumbers: Skaičius [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , dvidešimt , 22 ] ;

Spausdinkite masyvą konsolėje:

console.log ( lyginiai skaičiai ) ;

Išvestis

3 pavyzdys: kelių tipų masyvas

Pateiktame pavyzdyje sukurkite masyvą, kuriame yra eilutės tipo ir skaičiaus tipo reikšmės.

Pirmiausia deklaruokite masyvą naudodami sutrumpintą sintaksę, nurodydami masyvo tipus su konvejerio arba jungimo operatoriumi:

keisti masyvą: ( styga | numerį ) [ ] ;

Priskirkite masyvui vertes ir atspausdinkite ją konsolėje:

masyvas = [ 'raudona' , 1 , 'mėlyna' , 7 , 'violetinė' , 5 ] ;
console.log ( masyvas ) ;

Išvestis

Tai viskas apie masyvo tipo naudojimą „TypeScript“.

Išvada

Masyvas “ yra „TypeScript“ duomenų struktūra, panaši į „JavaScript“, kurią galima naudoti duomenų rinkiniui saugoti ir manipuliuoti. Norėdami deklaruoti / naudoti masyvą „TypeScript“, yra du būdai, įskaitant „ Masyvas ' raktinis žodis arba laužtiniai skliaustai ' [ ] “ arba trumpąją sintaksę. Šioje pamokoje buvo parodytas masyvo tipas „TypeScript“ ir jo naudojimo būdas.