Một cấu trúc dữ liệu giữ một nhóm các phần tử cùng loại trong một khối bộ nhớ liền kề được gọi là “ mảng ”. Mảng cũng được hỗ trợ dưới dạng một kiểu dữ liệu trong TypeScript, vì nó là tập hợp lớn nhất của JavaScript. Nó an toàn về kiểu hơn JavaScript vì nó cho phép các nhà phát triển chỉ định loại phần tử mà một mảng có thể lưu trữ. Mảng có thể được sử dụng theo cách này để tạo mã có thể bảo trì.
Hướng dẫn này sẽ trình bày kiểu mảng trong TypeScript và cách sử dụng nó.
Kiểu mảng trong TypeScript là gì và nó có thể được sử dụng như thế nào?
“ Mảng ” là một cấu trúc dữ liệu trong TypeScript tương tự như JavaScript với tính năng nâng cao là chỉ định loại mảng. Nó có thể được sử dụng để lưu trữ và thao tác với một tập hợp dữ liệu, chẳng hạn như danh sách các số hoặc chuỗi và có thể được truy cập bằng chỉ mục của chúng. Có hai cách để khai báo hoặc sử dụng một mảng trong TypeScript:
- Từ khóa 'mảng'
- dấu ngoặc vuông “[]” hoặc cú pháp tốc ký
Cú pháp cho mảng một loại
Để khai báo hoặc khởi tạo một mảng với một loại duy nhất, hãy sử dụng cú pháp đã cho với từ khóa “Array”:
Mảng < kiểu > = [ phần tử1, phần tử2, phần tử3 ] ;
Hoặc sử dụng nó như một cú pháp tốc ký như dưới đây:
kiểu [ ] = [ phần tử1, phần tử2, phần tử3 ] ;
Cú pháp cho mảng nhiều loại
Với sự trợ giúp của từ khóa “Array”, hãy sử dụng cú pháp bên dưới để khởi tạo hoặc khai báo một mảng nhiều kiểu:
Mảng < kiểu | kiểu > = [ phần tử1, phần tử2, phần tử3 ] ;
Hoặc bạn có thể sử dụng dấu ngoặc vuông “[]” hoặc cú pháp tốc ký như sau:
( kiểu | kiểu ) [ ] = [ phần tử1, phần tử2, phần tử3 ] ;
Ví dụ 1: Mảng kiểu chuỗi đơn
Trước tiên, chúng tôi sẽ tạo một tệp TypeScript có tên “ Arraytypes.ts ”. Trong ví dụ đã cho, đầu tiên, hãy khai báo một mảng kiểu chuỗi có tên “ màu sắc ” sử dụng từ khóa “Array”:
màu var: Mảng < sợi dây > ;
Bây giờ, hãy khởi tạo mảng với các giá trị kiểu chuỗi:
màu = [ 'màu đỏ' , 'màu xanh da trời' , 'màu xanh lá' , 'đen' , 'trắng' , 'màu tím' , 'hồng' ] ;
Tiếp theo, in mảng trên bàn điều khiển:
bảng điều khiển.log ( màu sắc ) ;
Sau khi thêm mã, chúng tôi sẽ chuyển tệp này sang tệp JavaScript bằng lệnh đã cho:
tsc Arraytypes.ts
Sau đó, để thực thi mã JavaScript, chúng tôi sẽ sử dụng lệnh dưới đây:
nút Arraytypes.js
Ghi chú : Bắt buộc phải phiên mã tệp TypeScript sau mỗi lần sửa đổi trong đó.
đầu ra
Để truy cập các phần tử mảng, hãy sử dụng ký hiệu dấu ngoặc vuông “[ ]”. Tại đây, chúng ta sẽ truy cập phần tử ở chỉ số 3:
bảng điều khiển.log ( màu sắc [ 3 ] ) ;
Đầu ra hiển thị “ đen ” là phần tử của mảng nằm ở chỉ số 3:
Ví dụ 2: Mảng kiểu số đơn
Trong ví dụ này, hãy tạo một mảng số chẵn bằng cách chỉ định loại của nó “ Con số ” sử dụng cú pháp tốc ký:
var evenNumbers: Số [ ] = [ 2 , 4 , 6 , số 8 , 10 , 12 , 14 , 16 , 18 , hai mươi , 22 ] ;
In mảng trên bàn điều khiển:
bảng điều khiển.log ( ngay cả con số ) ;
đầu ra
Ví dụ 3: Mảng nhiều kiểu
Trong ví dụ được cung cấp, hãy tạo một mảng chứa các giá trị của kiểu chuỗi cũng như kiểu số.
Đầu tiên, hãy khai báo một mảng bằng cách sử dụng cú pháp tốc ký bằng cách chỉ định các loại mảng bằng đường dẫn hoặc toán tử hợp:
mảng var: ( sợi dây | con số ) [ ] ;
Gán các giá trị cho mảng và sau đó in nó trên bàn điều khiển:
mảng = [ 'màu đỏ' , 1 , 'màu xanh da trời' , 7 , 'màu tím' , 5 ] ;bảng điều khiển.log ( mảng ) ;
đầu ra
Đó là tất cả về cách sử dụng Kiểu mảng trong TypeScript.
Phần kết luận
“ Mảng ” là một cấu trúc dữ liệu trong TypeScript tương tự như JavaScript có thể được sử dụng để lưu trữ và thao tác với một bộ sưu tập dữ liệu. Để khai báo/sử dụng mảng trong TypeScript, có hai cách bao gồm “ Mảng ” từ khóa hoặc dấu ngoặc vuông “ [ ] ” hoặc cú pháp tốc ký. Hướng dẫn này trình bày kiểu mảng trong TypeScript và cách sử dụng nó.