Ang isang istraktura ng data na nagpapanatili ng isang pangkat ng mga elemento ng parehong uri sa isang katabing bloke ng memorya ay kilala bilang isang ' array ”. Sinusuportahan din ang mga array bilang isang uri ng data sa TypeScript, dahil isa itong superset ng JavaScript. Ito ay mas ligtas sa uri kaysa sa JavaScript dahil pinapayagan nito ang mga developer na tukuyin ang uri ng mga elemento na maaaring iimbak ng isang array. Maaaring gamitin ang mga array sa ganitong paraan upang makagawa ng isang mapanatili na code.
Ipapakita ng tutorial na ito ang uri ng array sa TypeScript at ang paraan ng paggamit nito.
Ano ang Uri ng Array sa TypeScript at Paano Ito Magagamit?
“ Array ” ay isang istraktura ng data sa TypeScript na katulad ng JavaScript na may advanced na tampok ng pagtukoy ng uri ng array. Maaari itong magamit para sa pag-iimbak at pagmamanipula ng isang koleksyon ng data, tulad ng isang listahan ng mga numero o mga string, at maaaring ma-access gamit ang kanilang index. Mayroong dalawang paraan upang magdeklara o gumamit ng array sa TypeScript:
- 'Array' na keyword
- mga square bracket na “[]” o shorthand syntax
Syntax para sa Single-Type Array
Upang ideklara o simulan ang isang array na may isang uri, gamitin ang ibinigay na syntax na may keyword na 'Array':
Array < uri > = [ elemento1, elemento2, elemento3 ] ;
O gamitin ito bilang isang shorthand syntax tulad ng ibinigay sa ibaba:
uri [ ] = [ elemento1, elemento2, elemento3 ] ;
Syntax para sa Multi-Type Array
Sa tulong ng keyword na 'Array', gamitin ang syntax sa ibaba para sa pagsisimula o pagdedeklara ng multi-typed na array:
Array < uri | uri > = [ elemento1, elemento2, elemento3 ] ;
O maaari mong gamitin ang mga square bracket na “[]” o shorthand syntax gaya ng sumusunod:
( uri | uri ) [ ] = [ elemento1, elemento2, elemento3 ] ;
Halimbawa 1: Single String Type Array
Gagawa muna kami ng TypeScript file na pinangalanang ' Arraytypes.ts ”. Sa ibinigay na halimbawa, una, ipahayag ang isang hanay ng uri ng string na pinangalanang ' kulay ” gamit ang keyword na “Array”:
var color: Array < string > ;
Ngayon, simulan ang array na may mga halaga ng uri ng string:
kulay = [ 'pula' , 'asul' , 'berde' , 'itim' , 'puti' , 'purple' , 'pink' ] ;
Susunod, i-print ang array sa console:
console.log ( kulay ) ;
Pagkatapos magdagdag ng code, i-transpile namin ang file na ito sa JavaScript file gamit ang ibinigay na command:
tsc Arraytypes.ts
Pagkatapos, para sa pagpapatupad ng JavaScript code, gagamitin namin ang ibinigay na command sa ibaba:
node Arraytypes.js
Tandaan : Kinakailangang i-transpile ang TypeScript file pagkatapos ng bawat pagbabago dito.
Output
Upang ma-access ang mga elemento ng array, gamitin ang square brackets notation na “[ ]”. Dito, maa-access natin ang elemento sa index 3:
console.log ( kulay [ 3 ] ) ;
Ang output ay nagpapakita ng ' itim ” na siyang elemento ng isang array na matatagpuan sa index 3:
Halimbawa 2: Single Number Type Array
Sa halimbawang ito, lumikha ng array ng mga even na numero sa pamamagitan ng pagtukoy sa uri nito ' Numero ” gamit ang shorthand syntax:
var evenNumbers: Numero [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , dalawampu , 22 ] ;
I-print ang array sa console:
console.log ( Pantay na numero ) ;
Output
Halimbawa 3: Multi-Type Array
Sa ibinigay na halimbawa, gumawa ng array na naglalaman ng mga value ng uri ng string pati na rin ang uri ng numero.
Una, magdeklara ng array gamit ang shorthand syntax sa pamamagitan ng pagtukoy ng mga uri ng array gamit ang pipeline o union operator:
var array: ( string | numero ) [ ] ;
Magtalaga ng mga halaga sa array at pagkatapos ay i-print ito sa console:
array = [ 'pula' , 1 , 'asul' , 7 , 'purple' , 5 ] ;console.log ( array ) ;
Output
Iyon lang ang tungkol sa paggamit ng Array Type sa TypeScript.
Konklusyon
“ Array ” ay isang istraktura ng data sa TypeScript na katulad ng JavaScript na maaaring magamit para sa pag-iimbak at pagmamanipula ng isang koleksyon ng data. Upang ideklara/gamitin ang array sa TypeScript, mayroong dalawang paraan kasama ang ' Array ' keyword o ang mga square bracket ' [ ] ” o shorthand syntax. Ipinakita ng tutorial na ito ang uri ng array sa TypeScript at ang paraan kung paano ito gamitin.