Set trong TypeScript là gì và nó có thể được sử dụng như thế nào?

Set Trong Typescript La Gi Va No Co The Duoc Su Dung Nhu The Nao



MỘT ' Bộ ” là cấu trúc dữ liệu lưu trữ một nhóm/tập hợp các giá trị duy nhất. Các giá trị trong một tập hợp có thể thuộc bất kỳ loại dữ liệu nào bao gồm số, chuỗi hoặc đối tượng. Một trong những tính năng chính của Set là nó không cho phép các giá trị trùng lặp. Khi một giá trị mới được thêm vào một Tập hợp, nó sẽ được kiểm tra đối với các giá trị hiện có để xem nó đã tồn tại chưa. Nếu giá trị đã tồn tại, nó sẽ không được thêm vào Tập hợp. Điều này hữu ích cho việc lưu trữ các giá trị duy nhất và tránh trùng lặp.

Bài viết này sẽ trình bày Set trong TypeScript và cách nó được sử dụng trong TypeScript.







Tập hợp trong TypeScript là gì?

Bộ ” là một cấu trúc dữ liệu tích hợp trong TypeScript, cho phép lưu trữ các phần tử duy nhất thuộc bất kỳ loại nào, cho dù chúng là các kiểu nguyên thủy như số và chuỗi hay các đối tượng phức tạp. Giống như mảng, Tập hợp cho phép bạn lưu trữ một tập hợp các giá trị, tuy nhiên, không giống như mảng, Tập hợp không có chỉ mục. Một bộ có thể được khai báo hoặc khởi tạo bằng cách sử dụng “ Bộ ' người xây dựng.



cú pháp



Để tạo Set, sử dụng cú pháp sau:





const mySet = Bộ mới ( ) ;


Ngoài ra, bạn cũng có thể chỉ định loại Tập hợp bằng cú pháp đã cho:

const mySet = Bộ mới < kiểu > ( ) ;


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ên tệp tsc.ts
tên tệp nút.js


Ví dụ

Trong ví dụ đã cho, chúng ta sẽ chỉ tạo một Tập hợp. Đầu tiên, khai báo và khởi tạo một “ sợi dây ” gõ Đặt tên “ bộ ” bằng cách sử dụng Set Constructor và in nó trên bảng điều khiển bằng cách sử dụng “ console.log() ' phương pháp:

hằng số bộ = Bộ mới < sợi dây > ( [ 'HTML' , 'CSS' , 'Javascript' , 'jQuery' ] ) ;
bảng điều khiển.log ( bộ ) ;


đầu ra


Bạn cũng có thể khai báo Set mà không chỉ định loại của nó bằng cách sử dụng Set Constructor:

hằng số bộ = Bộ mới ( ) ;


Thêm giá trị vào Set bằng cách sử dụng “ thêm vào() ” là phương thức được xác định trước của đối tượng Set:

thiết lập.add ( 'HTML' ) ;
thiết lập.add ( 'CSS' ) ;
thiết lập.add ( 'Javascript' ) ;
thiết lập.add ( 'jQuery' ) ;


Cuối cùng, in Set trên bàn điều khiển:

bảng điều khiển.log ( bộ ) ;


đầu ra

Phương thức đặt TypeScript

Một số phương thức và thuộc tính Đối tượng Tập hợp được xác định trước thường được sử dụng sẽ được thảo luận trong bảng đã cho:

Phương thức/Thuộc tính

Sự miêu tả

cú pháp

thêm vào() Phương pháp này được sử dụng để thêm các giá trị trong Tập hợp. mySet.add(giá trị)
có() Để xác minh xem phần tử đã cho có tồn tại trong mảng hay không, hãy sử dụng phương thức “has()”. mySet.has(giá trị)
xóa bỏ() Để xóa bất kỳ phần tử nào khỏi Tập hợp, hãy sử dụng phương pháp này. mySet.delete(giá trị)
giá trị() Để lấy các giá trị Set, phương thức “values()” được sử dụng. mySet.values()
kích cỡ Thuộc tính “size” được sử dụng để xác định độ dài hoặc kích thước của Set. mySet.size
thông thoáng() Để xóa hoặc xóa tất cả các phần tử khỏi Tập hợp, phương pháp này được sử dụng. mySet.clear()

Làm cách nào để sử dụng Set trong TypeScript?

Trong TypeScript hoặc JavaScript, Bộ có thể được sử dụng để loại bỏ các bản sao khỏi mảng, xác minh tư cách thành viên của bộ sưu tập và thực hiện các thao tác tập hợp bao gồm hợp, giao và hiệu.

Ví dụ

Ở đây, trong ví dụ được cung cấp, chúng ta sẽ thấy cách Set loại bỏ các giá trị trùng lặp khỏi một mảng. Đầu tiên, tạo một mảng các số chẵn:

const evenNmbers = [ 2 , 4 , 6 , 2 , số 8 , 10 , 4 , 14 , 12 ] ;


Sau đó, chúng tôi sẽ xác định độ dài của mảng bằng cách sử dụng “ chiều dài ' thuộc tính:

bảng điều khiển.log ( 'Kích thước của mảng là:' + evenNmbers.length ) ;


Bây giờ, hãy tạo Set bằng cách sử dụng hàm tạo Set bằng cách truyền một mảng “ ngay cả con số ”:

const uniqueEvenNumbersSet = Bộ mới ( thậm chíNmbers ) ;


Lặp lại Set và in các giá trị trên bàn điều khiển:

uniqueEvenNumbersSet.forEach ( ( giá trị ) = > {
bảng điều khiển.log ( giá trị ) ;
} ) ;


Cuối cùng, chúng tôi sẽ xác minh kích thước của Tập hợp bằng cách sử dụng “ kích cỡ ' tài sản.:

bảng điều khiển.log ( 'Kích thước của tập hợp là:' + uniqueEvenNumbersSet.size ) ;


Đầu ra chỉ ra rằng độ dài của mảng là “ 9 ” trong khi chiều dài hoặc kích thước của Tập hợp là “ 7 ” chỉ ra rằng Set loại bỏ các giá trị trùng lặp khỏi một mảng và chỉ lưu trữ các giá trị duy nhất:


Đó là tất cả về Set trong TypeScript và cách sử dụng nó trong TypeScript.

Phần kết luận

“Set” là một cấu trúc dữ liệu được xác định trước trong TypeScript, cho phép lưu trữ các phần tử duy nhất thuộc bất kỳ loại nào. Trong TypeScript, nó có thể được sử dụng để loại bỏ các bản sao khỏi mảng, xác minh tư cách thành viên của bộ sưu tập và thực hiện các thao tác tập hợp như hợp, giao và hiệu. Bài viết này đã trình bày Set trong TypeScript và cách nó được sử dụng trong TypeScript.