MỘT ' từ điển ” đề cập đến một loại cấu trúc dữ liệu chứa các cặp khóa-giá trị trong một danh sách không có thứ tự. Nó tương đương với “bản đồ” trong TypeScript. Nó là một công cụ hữu ích để xử lý dữ liệu trong các ứng dụng TypeScript. Quá trình khai báo và khởi tạo từ điển trong TypeScript rất đơn giản và dễ dàng. Từ điển thường được khai báo và khởi tạo trong TypeScript bằng cách sử dụng loại tiện ích “Bản ghi”.
Bài viết này sẽ mô tả các phương thức khai báo và khởi tạo từ điển trong Typescript.
Làm cách nào để khởi tạo và khai báo từ điển trong TypeScript?
Để khởi tạo và khai báo một từ điển trong TypeScript, hãy sử dụng các phương pháp sau:
Trước khi tiếp tục, trước tiên hãy hiểu rằng để thực thi tệp TypeScript, tệp đó phải được chuyển thành tệp JavaScript sau mỗi lần sửa đổi, sau đó chạy mã JavaScript trên thiết bị đầu cuối bằng cách sử dụng các lệnh đã cho:
từ điển tsc.ts
từ điển nút.js
Phương pháp 1: Khởi tạo và khai báo từ điển trong TypeScript bằng đối tượng được lập chỉ mục
Để khởi tạo và khai báo một từ điển, hãy sử dụng “ đối tượng được lập chỉ mục ”. Đó là cấu trúc dữ liệu liên kết một nhóm khóa với một nhóm giá trị, trong đó mỗi khóa là khác biệt và liên kết với một giá trị cụ thể.
cú pháp
Cú pháp sau đây được sử dụng để khởi tạo và khai báo một từ điển bằng cách sử dụng đối tượng được lập chỉ mục:
kiểu MyDictionary = {[ chìa khóa: kiểu ] : valueType
} ;
Ví dụ
Đầu tiên, chúng ta sẽ định nghĩa một từ điển có tên “ Từ điển của tôi ” là một loại đối tượng được lập chỉ mục mô tả hình dạng của từ điển của chúng tôi:
kiểu MyDictionary = {[ khóa: chuỗi ] : con số
} ;
Sau đó, chúng ta khai báo và khởi tạo một biến mới “ tuổi từ điển ” thuộc loại “ Từ điển của tôi ” và gán một đối tượng theo nghĩa đen cho nó, với ba cặp khóa-giá trị:
'John' : 26 ,
'Mẹ Maria' : 28 ,
'Đá' : 27
} ;
In từ điển trên bàn điều khiển bằng cách chuyển biến trong phần “ console.log() ' phương pháp:
đầu ra
Nếu bạn muốn truy xuất giá trị của bất kỳ khóa được chỉ định nào của từ điển thì bạn có thể sử dụng ký hiệu dấu ngoặc vuông “[ ]”:
Đầu ra hiển thị tuổi của “ Đá ' đó là ' 27 ”:
Phương pháp 2: Khởi tạo và khai báo từ điển trong TypeScript bằng giao diện
Để khởi tạo và khai báo một từ điển, bạn có thể sử dụng “ giao diện ”. Giao diện trong TypeScript là một kỹ thuật để thể hiện hợp đồng mà một đối tượng phải tuân theo. Nó định nghĩa các thuộc tính và kiểu thuộc tính mà một đối tượng yêu cầu để được coi là một thể hiện của giao diện đó.
cú pháp
Thực hiện theo cú pháp đã cho để khởi tạo và khai báo từ điển bằng giao diện:
thông tin giao diện {key1: value1Type;
key2: value2Type;
}
Ví dụ
Đầu tiên, xác định một từ điển có tên “ Thông tin ” bằng cách sử dụng một “giao diện” yêu cầu bất kỳ đối tượng nào triển khai nó phải có thuộc tính name thuộc loại “chuỗi” và thuộc tính tuổi thuộc loại “số”:
thông tin giao diện {tên: chuỗi;
tuổi: số;
}
Sau đó, khai báo và khởi tạo một biến mới “ từ điển sinh viên ” thuộc loại “ Thông tin ” với một thuộc tính “ nhận dạng ” thuộc loại “ con số ”:
1 : { tên: 'Jack' , tuổi: mười lăm } ,
2 : { tên: 'đỉa' , tuổi: 18 }
} ;
Cuối cùng, in từ điển trên bàn điều khiển:
đầu ra
Bây giờ, chúng ta sẽ truy cập đối tượng tại chỉ mục hoặc id 2:
đầu ra
Phương pháp 3: Khởi tạo và khai báo Dictionary trong TypeScript bằng ES6 Map
Bạn cũng có thể sử dụng phương pháp Bản đồ ES6 để khởi tạo và khai báo từ điển trong TypeScript. Đây là cấu trúc dữ liệu tích hợp trong JavaScript và TypeScript cho phép lưu trữ các cặp khóa-giá trị, trong đó khóa và giá trị có thể thuộc bất kỳ loại dữ liệu nào.
cú pháp
Để sử dụng Bản đồ ES6, hãy làm theo cú pháp đã cho:
Bản đồ mới < keyType, valueType > ( ) ;
Ví dụ
Đầu tiên, chúng ta sẽ tạo một đối tượng bản đồ bằng cách sử dụng Map constructor bằng cách chỉ định loại khóa và giá trị là “ sợi dây ”:
cho phép sinh viên = Bản đồ mới < chuỗi, chuỗi > ( ) ;
Bây giờ, hãy sử dụng phương thức set() để thêm các cặp khóa-giá trị vào từ điển:
sinh viên.set ( 'tuổi' , '18' ) ;
sinh viên.set ( 'sở thích' , 'Đọc sách' ) ;
In từ điển trên bàn điều khiển:
đầu ra
Phương pháp 4: Khởi tạo và khai báo từ điển trong TypeScript bằng Record Utility Type
Một cách khác để khởi tạo và khai báo một từ điển là sử dụng loại tiện ích “Record” trong TypeScript. Đây là cách phổ biến nhất để khởi tạo và khai báo một từ điển. Đây là một cấu trúc dữ liệu dựng sẵn trong TypeScript cho phép tạo một loại với các khóa và giá trị được chỉ định.
cú pháp
Cú pháp sau được sử dụng cho loại tiện ích Record:
Ghi < keyType, valueType > = { } ;
Ví dụ
Trong ví dụ đã cho, chúng tôi khai báo và khởi tạo một từ điển có tên là “ học sinh ' sử dụng ' Ghi ” loại tiện ích để chỉ định các khóa và giá trị của loại chuỗi:
cho phép học sinh: Ghi < chuỗi, chuỗi > = {'tên' : 'đỉa' ,
'tuổi' : '18' ,
'sở thích' : 'Đọc sách' ,
} ;
Cuối cùng, in từ điển trên bàn điều khiển:
đầu ra
Chúng tôi đã tổng hợp tất cả các thông tin cần thiết liên quan đến việc khởi tạo và khai báo một từ điển trong TypeScript.
Phần kết luận
Để khởi tạo và khai báo một từ điển trong TypeScript, hãy sử dụng “ đối tượng được lập chỉ mục ”, “ MỘT giao diện ”, “ Bản đồ ES6 ' hoặc là ' Ghi loại tiện ích ”. Cách phổ biến nhất để khởi tạo và khai báo một từ điển là “Record utility type”. Bài đăng này đã mô tả các phương thức khai báo và khởi tạo từ điển TypeScript.