Datu struktūra, kas saglabā viena veida elementu grupu blakus esošajā atmiņas blokā, ir pazīstama kā ' masīvs ”. Masīvi tiek atbalstīti arī kā datu tips programmā TypeScript, jo tas ir JavaScript superkopa. Tas ir drošāks nekā JavaScript, jo tas ļauj izstrādātājiem norādīt elementu veidu, ko masīvs var saglabāt. Masīvus var izmantot šādā veidā, lai izveidotu uzturējamu kodu.
Šajā apmācībā tiks parādīts masīva veids programmā TypeScript un veids, kā to izmantot.
Kas ir masīva tips TypeScript un kā to var izmantot?
' Masīvs ” ir TypeScript datu struktūra, kas ir līdzīga JavaScript ar uzlabotu funkciju, kas norāda masīva veidu. To var izmantot, lai saglabātu un apstrādātu datu kolekciju, piemēram, skaitļu vai virkņu sarakstu, un tai var piekļūt, izmantojot to indeksu. Ir divi veidi, kā deklarēt vai izmantot masīvu programmā TypeScript:
- Atslēgvārds “masīvs”.
- kvadrātiekavās “[]” vai īsraksta sintakse
Sintakse viena veida masīvam
Lai deklarētu vai inicializētu masīvu ar vienu tipu, izmantojiet norādīto sintaksi ar atslēgvārdu “Masīvs”:
Masīvs < veids > = [ elements1, elements2, elements3 ] ;
Vai arī izmantojiet to kā saīsinātu sintaksi, kā norādīts tālāk:
veids [ ] = [ elements1, elements2, elements3 ] ;
Sintakse vairāku veidu masīvam
Izmantojot atslēgvārdu “Masīvs”, izmantojiet tālāk norādīto sintaksi, lai inicializētu vai deklarētu vairāku veidu masīvu:
Masīvs < veids | veids > = [ elements1, elements2, elements3 ] ;
Vai arī varat izmantot kvadrātiekavas “[]” vai saīsināto sintaksi šādi:
( veids | veids ) [ ] = [ elements1, elements2, elements3 ] ;
1. piemērs: viena virknes tipa masīvs
Vispirms mēs izveidosim TypeScript failu ar nosaukumu ' Masīvu tipi.ts ”. Dotajā piemērā vispirms deklarējiet virknes tipa masīvu ar nosaukumu ' krāsa ”, izmantojot atslēgvārdu “Array”:
dažāda krāsa: masīvs < virkne > ;
Tagad inicializējiet masīvu ar virknes tipa vērtībām:
krāsa = [ 'sarkans' , 'zils' , 'zaļš' , 'melns' , 'balts' , 'violets' , 'rozā' ] ;
Pēc tam konsolē izdrukājiet masīvu:
console.log ( krāsa ) ;
Pēc koda pievienošanas mēs pārsūtīsim šo failu uz JavaScript failu, izmantojot norādīto komandu:
tsc Arraytypes.ts
Pēc tam, lai izpildītu JavaScript kodu, mēs izmantosim tālāk norādīto komandu:
mezgls Arraytypes.js
Piezīme : TypeScript fails ir obligāti jāpārsūta pēc katras tā modifikācijas.
Izvade
Lai piekļūtu masīva elementiem, izmantojiet kvadrātiekavās norādīto apzīmējumu “[ ]”. Šeit mēs piekļūsim elementam rādītājā 3:
console.log ( krāsa [ 3 ] ) ;
Izvade parāda ' melns ”, kas ir masīva elements, kas atrodas indeksā 3:
2. piemērs. Viena skaitļa tipa masīvs
Šajā piemērā izveidojiet pāra skaitļu masīvu, norādot tā veidu ' Numurs ”, izmantojot saīsināto sintaksi:
var evenNumbers: numurs [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , divdesmit , 22 ] ;
Izdrukājiet masīvu konsolē:
console.log ( pāra skaitļi ) ;
Izvade
3. piemērs. Daudzveidu masīvs
Norādītajā piemērā izveidojiet masīvu, kurā ir virknes tipa vērtības, kā arī skaitļa veids.
Vispirms deklarējiet masīvu, izmantojot saīsināto sintaksi, norādot masīva veidus ar konveijera vai savienojuma operatoru:
variēt masīvu: ( virkne | numuru ) [ ] ;
Piešķiriet masīvam vērtības un pēc tam izdrukājiet to konsolē:
masīvs = [ 'sarkans' , 1 , 'zils' , 7 , 'violets' , 5 ] ;console.log ( masīvs ) ;
Izvade
Tas viss attiecas uz masīva veida izmantošanu programmā TypeScript.
Secinājums
' Masīvs ” ir TypeScript datu struktūra, kas ir līdzīga JavaScript, ko var izmantot datu kolekcijas glabāšanai un manipulēšanai. Lai deklarētu/lietotu masīvu programmā TypeScript, ir divi veidi, tostarp “ Masīvs 'atslēgvārds vai kvadrātiekavas' [ ] ” vai īsraksta sintakse. Šajā apmācībā tika parādīts masīva veids programmā TypeScript un veids, kā to izmantot.