Hướng Dẫn Chi Tiết Về Cấu Trúc Dữ Liệu Map và Set Trong JavaScript

Trong JavaScript, Map và Set là hai cấu trúc dữ liệu hữu ích mà bạn có thể sử dụng để lưu trữ và quản lý các giá trị. Khám phá cách hoạt động, ưu điểm, và ứng dụng của chúng có thể giúp bạn tối ưu hóa mã nguồn của mình.

Trong bài viết này, chúng ta sẽ tìm hiểu sâu về Map và Set, bao gồm cách tạo, phương thức áp dụng và khi nào nên sử dụng chúng. Chúng ta cũng sẽ cùng nhau khám phá các phương thức mới được thêm vào JavaScript gần đây để thao tác với các cấu trúc dữ liệu này.

1. Đối Tượng Map

1.1. Map là gì?

Đối tượng Map cho phép lưu trữ dữ liệu theo cấu trúc key/value, giống như một Object nhưng có nhiều đặc tính nổi bật:

• Bạn có thể sử dụng bất kỳ kiểu dữ liệu nào làm key.
• Map duy trì thứ tự của các phần tử theo thời gian bạn thêm vào.

1.2. Cách Tạo Map

Để khởi tạo một đối tượng Map, bạn có thể sử dụng cú pháp sau:

const myMap = new Map();

1.3. Các Phương Thức và Thuộc Tính của Map

Đối tượng Map cung cấp nhiều phương thức hữu ích:

• set(key, value) – Thêm hoặc cập nhật một phần tử với key/value cụ thể vào Map.
• get(key) – Trả về giá trị tương ứng với key đó.
• has(key) – Kiểm tra xem Map có key này không.
• delete(key) – Xóa một phần tử cụ thể.
• clear() – Xóa tất cả các phần tử trong Map.
• keys() – Trả về tất cả các keys.
• values() – Trả về tất cả các values.
• entries() – Trả về tất cả các cặp key/value.
• size – Trả về số lượng phần tử trong Map.

1.4. Thêm Dữ Liệu Vào Map

Sử dụng phương thức set() để thêm dữ liệu:

myMap.set(1, 'Jack');
myMap.set(2, 'Jill');
myMap.set('animal', 'Elephant');

1.5. Lấy Dữ Liệu từ Map

Để lấy giá trị từ Map, sử dụng phương thức get():

console.log(myMap.get(1)); // Jack

1.6. Kiểm Tra và Xóa Phần Tử

Dùng phương thức has() và delete() để kiểm tra và xóa phần tử:

myMap.delete(1);

1.7. Khi Nào Nên Sử Dụng Map

Sử dụng Map khi bạn cần làm việc với dữ liệu có key không chỉ là string và khi bạn cần quản lý dữ liệu thường xuyên thay đổi.

2. Đối Tượng Set

2.1. Set là gì?

Đối tượng Set cho phép lưu trữ các giá trị duy nhất:

• Mỗi giá trị chỉ xuất hiện một lần trong Set.
• Cung cấp ít phương thức hơn Map để xử lý dữ liệu.

2.2. Cách Tạo Set

Khởi tạo đối tượng Set như sau:

const mySet = new Set();

2.3. Các Phương Thức và Thuộc Tính của Set

Các phương thức cơ bản bao gồm:

• add(value) – Thêm một giá trị.
• has(value) – Kiểm tra sự tồn tại của giá trị.
• delete(value) – Xóa một giá trị cụ thể.
• clear() – Xóa tất cả các giá trị.
• size – Trả về số lượng phần tử.

2.4. Khi Nào Nên Sử Dụng Set

Set rất hữu ích khi bạn cần đảm bảo các phần tử là duy nhất và khi bạn muốn thực hiện các phép toán lý thuyết về tập hợp như giao và hợp.

3. Kết Luận

Bài viết này đã giúp bạn làm quen với cấu trúc dữ liệu Map và Set trong JavaScript. Chúng là những công cụ mạnh mẽ để tối ưu hóa việc lưu trữ và xử lý dữ liệu trong mã của bạn. Nếu bạn tìm thấy thông tin hữu ích từ bài viết này, hãy xem cuốn sách Beginning Modern JavaScript của tôi để tiếp tục nâng cao kỹ năng JavaScript của bạn. Hẹn gặp lại trong những bài viết tiếp theo!

Tham khảo: freeCodeCamp
source: viblo