“ bản đồ ” được sử dụng để lưu trữ và truy xuất các cặp khóa-giá trị. Nó là một cấu trúc dữ liệu tích hợp trong TypeScript tương tự như bản đồ JavaScript nhưng nó có thêm lợi ích là kiểm tra kiểu. Lớp Bản đồ TypeScript cung cấp một cách an toàn để lưu trữ các cặp khóa-giá trị với bất kỳ loại khóa và giá trị nào.
Blog này sẽ giải thích các cách tạo Bản đồ trong TypeScript.
Làm cách nào để tạo bản đồ trong TypeScript?
Để tạo bản đồ trong TypeScript, hãy sử dụng các phương pháp sau:
Phương pháp 1: Tạo Bản đồ Sử dụng Trình xây dựng “Bản đồ”
Để tạo bản đồ trong TypeScript, hãy sử dụng “ Bản đồ ' người xây dựng. Trong khi sử dụng hàm tạo “Bản đồ”, có hai cách để tạo bản đồ trong TypeScript:
-
- Bạn có thể khai báo bản đồ với “ mới ” từ khóa và sau đó sử dụng “ bộ() ” để thêm các cặp khóa-giá trị.
- Hoặc khởi tạo map với các cặp key-value lúc khai báo.
cú pháp
Cú pháp đã cho được sử dụng để tạo bản đồ trong TypeScript bằng hàm tạo Map:
Bản đồ mới < kiểu , kiểu > ( )cho phép bản đồ = Bản đồ mới < chuỗi, số > ( ) ;
Ở đây, “ sợi dây ', Và ' con số ” là loại khóa và giá trị của bản đồ.
Để khởi tạo map lúc khai báo, sử dụng cú pháp sau:
cho phép bản đồ = Bản đồ mới < chuỗi, chuỗi > ( [[ 'phím1' , 'giá trị1' ] ,
[ 'phím2' , 'giá trị2' ]
] ) ;
Ví dụ 1:
Tạo bản đồ bằng hàm tạo Bản đồ bằng cách xác định loại cho khóa và giá trị của bản đồ:
dấu const = Bản đồ mới < chuỗi, số > ( ) ;
Sử dụng ' bộ() ” để thêm các cặp khóa-giá trị vào bản đồ:
điểm.set ( 'Địa lý' , 25 ) ;
điểm.set ( 'Toán học' , 40 ) ;
điểm.set ( 'Tiếng Anh' , 31 ) ;
Cuối cùng, in bản đồ trên bàn điều khiển:
Bây giờ, hãy dịch mã TypeScript sang mã JavaScript bằng cách thực hiện lệnh được cung cấp bên dưới trên thiết bị đầu cuối:
Sau đó, thực thi mã JavaScript bằng lệnh sau:
đầu ra
Ghi chú : Bắt buộc phải dịch mã tệp TypeScript sau khi cập nhật mã TypeScript.
Ví dụ 2:
Bạn cũng có thể khởi tạo bản đồ bằng hàm tạo Bản đồ:
cho phép đánh dấu = Bản đồ mới < chuỗi, chuỗi > ( [[ 'Lịch sử' , '39' ] ,
[ 'Địa lý' , '25' ] ,
[ 'Toán học' , '40' ] ,
[ 'Tiếng Anh' , '31' ]
] ) ;
In bản đồ trên bảng điều khiển bằng cách sử dụng “ console.log() ' phương pháp:
đầu ra
Phương pháp 2: Tạo Bản đồ bằng Loại “Record Utility”
Một cách khác để tạo bản đồ là sử dụng “ Ghi lại tiện ích ' kiểu. Đây là loại tích hợp sẵn trong TypeScript có thể được sử dụng để xác định loại đại diện cho bản đồ các cặp khóa-giá trị. Nó nhận hai tham số, loại khóa và loại giá trị.
cú pháp
Thực hiện theo cú pháp đã cho để tạo Bản đồ bằng cách sử dụng Loại 'Tiện ích ghi':
Ghi < kiểu , kiểu > = { }
Ví dụ
Tạo bản đồ bằng cách sử dụng “Record Utility Type”:
dấu const: Bản ghi < chuỗi, chuỗi > = { } ;
Gán giá trị cho các phím của bản đồ:
điểm [ 'Địa lý' ] = '25' ;
điểm [ 'Toán học' ] = '40' ;
điểm [ 'Tiếng Anh' ] = '31' ;
Cuối cùng, in bản đồ trên bảng điều khiển:
đầu ra
Chúng tôi đã cung cấp tất cả thông tin cần thiết liên quan đến việc tạo Bản đồ trên TypeScript.
Phần kết luận
Có hai cách để tạo bản đồ trong TypeScript, chẳng hạn như sử dụng “ Trình tạo bản đồ ” và sử dụng “ Ghi loại tiện ích ”. Cả hai cách tiếp cận đều hoạt động tốt nhưng cách tiếp cận đầu tiên là cách phổ biến để tạo bản đồ trong TypeScript. Blog này đã giải thích các cách tạo Bản đồ trong TypeScript.