โครงสร้างข้อมูลที่เก็บกลุ่มขององค์ประกอบประเภทเดียวกันไว้ในบล็อกหน่วยความจำที่อยู่ติดกันเรียกว่า “ อาร์เรย์ '. อาร์เรย์ยังรองรับเป็นประเภทข้อมูลใน TypeScript เนื่องจากเป็นชุดที่เหนือกว่าของ JavaScript มีความปลอดภัยต่อประเภทมากกว่า JavaScript เนื่องจากช่วยให้นักพัฒนาสามารถระบุประเภทขององค์ประกอบที่อาร์เรย์สามารถจัดเก็บได้ อาร์เรย์สามารถใช้ในลักษณะนี้เพื่อสร้างรหัสที่บำรุงรักษาได้
บทช่วยสอนนี้จะสาธิตประเภทอาร์เรย์ใน TypeScript และวิธีใช้งาน
Array Type ใน TypeScript คืออะไรและใช้งานอย่างไร
“ อาร์เรย์ ” เป็นโครงสร้างข้อมูลใน TypeScript คล้ายกับ JavaScript พร้อมคุณสมบัติขั้นสูงในการระบุประเภทอาร์เรย์ สามารถใช้สำหรับจัดเก็บและจัดการชุดข้อมูล เช่น รายการตัวเลขหรือสตริง และสามารถเข้าถึงได้โดยใช้ดัชนี มีสองวิธีในการประกาศหรือใช้อาร์เรย์ใน TypeScript:
- คำหลัก 'อาร์เรย์'
- วงเล็บเหลี่ยม “[]” หรือไวยากรณ์ชวเลข
ไวยากรณ์สำหรับอาร์เรย์ประเภทเดียว
หากต้องการประกาศหรือเริ่มต้นอาร์เรย์ด้วยประเภทเดียว ให้ใช้ไวยากรณ์ที่กำหนดพร้อมกับคีย์เวิร์ด 'Array':
อาร์เรย์ < พิมพ์ > = [ องค์ประกอบที่ 1, องค์ประกอบที่ 2, องค์ประกอบที่ 3 ] ;
หรือใช้เป็นไวยากรณ์ชวเลขตามที่ระบุด้านล่าง:
พิมพ์ [ ] = [ องค์ประกอบที่ 1, องค์ประกอบที่ 2, องค์ประกอบที่ 3 ] ;
ไวยากรณ์สำหรับ Multi-Type Array
ด้วยความช่วยเหลือของคีย์เวิร์ด 'Array' ให้ใช้ไวยากรณ์ด้านล่างสำหรับการเริ่มต้นหรือประกาศอาร์เรย์แบบหลายประเภท:
อาร์เรย์ < พิมพ์ | พิมพ์ > = [ องค์ประกอบที่ 1, องค์ประกอบที่ 2, องค์ประกอบที่ 3 ] ;
หรือคุณสามารถใช้วงเล็บเหลี่ยม “[]” หรือไวยากรณ์ชวเลขได้ดังนี้:
( พิมพ์ | พิมพ์ ) [ ] = [ องค์ประกอบที่ 1, องค์ประกอบที่ 2, องค์ประกอบที่ 3 ] ;
ตัวอย่างที่ 1: อาร์เรย์ประเภทสตริงเดี่ยว
ก่อนอื่นเราจะสร้างไฟล์ TypeScript ชื่อ “ Arraytypes.ts '. ในตัวอย่างที่กำหนด ขั้นแรกให้ประกาศอาร์เรย์ประเภทสตริงชื่อ “ สี ” โดยใช้คีย์เวิร์ด “Array”:
สี var: อาร์เรย์ < สตริง > ;
ตอนนี้ เริ่มต้นอาร์เรย์ด้วยค่าประเภทสตริง:
สี = [ 'สีแดง' , 'สีฟ้า' , 'สีเขียว' , 'สีดำ' , 'สีขาว' , 'สีม่วง' , 'สีชมพู' ] ;
ถัดไป พิมพ์อาร์เรย์บนคอนโซล:
คอนโซล.ล็อก ( สี ) ;
หลังจากเพิ่มโค้ด เราจะแปลงไฟล์นี้เป็นไฟล์ JavaScript โดยใช้คำสั่งที่กำหนด:
tsc Arraytypes.ts
จากนั้นสำหรับการรันโค้ด JavaScript เราจะใช้คำสั่งด้านล่าง:
โหนด Arraytypes.js
บันทึก : จำเป็นต้องแปลงไฟล์ TypeScript หลังจากแก้ไขทุกครั้ง
เอาต์พุต
หากต้องการเข้าถึงองค์ประกอบอาร์เรย์ ให้ใช้เครื่องหมายวงเล็บเหลี่ยม “[ ]” ที่นี่เราจะเข้าถึงองค์ประกอบที่ดัชนี 3:
คอนโซล.ล็อก ( สี [ 3 ] ) ;
ผลลัพธ์จะแสดง “ สีดำ ” ซึ่งเป็นองค์ประกอบของอาร์เรย์ที่อยู่ที่ดัชนี 3:
ตัวอย่างที่ 2: อาร์เรย์ประเภทตัวเลขเดี่ยว
ในตัวอย่างนี้ สร้างอาร์เรย์ของเลขคู่โดยระบุประเภทเป็น “ ตัวเลข ” โดยใช้ไวยากรณ์ชวเลข:
var ตัวเลขคู่: ตัวเลข [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , ยี่สิบ , 22 ] ;
พิมพ์อาร์เรย์บนคอนโซล:
คอนโซล.ล็อก ( เลขคู่ ) ;
เอาต์พุต
ตัวอย่างที่ 3: Multi-Type Array
ในตัวอย่างที่ให้ไว้ ให้สร้างอาร์เรย์ที่มีค่าของประเภทสตริงและประเภทตัวเลข
ขั้นแรก ให้ประกาศอาร์เรย์โดยใช้ไวยากรณ์ชวเลขโดยระบุประเภทอาร์เรย์ด้วยตัวดำเนินการไปป์ไลน์หรือยูเนี่ยน:
อาร์เรย์ var: ( สตริง | ตัวเลข ) [ ] ;
กำหนดค่าให้กับอาร์เรย์แล้วพิมพ์บนคอนโซล:
อาร์เรย์ = [ 'สีแดง' , 1 , 'สีฟ้า' , 7 , 'สีม่วง' , 5 ] ;คอนโซล.ล็อก ( อาร์เรย์ ) ;
เอาต์พุต
นั่นคือทั้งหมดที่เกี่ยวกับการใช้ Array Type ใน TypeScript
บทสรุป
“ อาร์เรย์ ” เป็นโครงสร้างข้อมูลใน TypeScript คล้ายกับ JavaScript ที่สามารถใช้สำหรับจัดเก็บและจัดการชุดข้อมูล ในการประกาศ/ใช้อาร์เรย์ใน TypeScript มีสองวิธี ได้แก่ “ อาร์เรย์ ” คำหลักหรือวงเล็บเหลี่ยม “ [ ] ” หรือไวยากรณ์ชวเลข บทช่วยสอนนี้แสดงประเภทอาร์เรย์ใน TypeScript และวิธีใช้งาน