[Javascript] – Phần 39: JavaScript Maps

1. Map là gì?

• Map trong JavaScript là một cấu trúc dữ liệu giữ các cặp key-value, trong đó key có thể là bất kỳ kiểu dữ liệu nào.
• Map giữ lại thứ tự chèn ban đầu của các key.

2. Các phương thức cơ bản của Map.

• new Map(): Tạo một Map mới.
• set(): Đặt giá trị cho một key trong Map.
• get(): Lấy giá trị của một key trong Map.
• delete(): Xóa một phần tử trong Map dựa trên key.
• has(): Trả về true nếu một key tồn tại trong Map.
• forEach(): Gọi một hàm callback cho mỗi cặp key/value trong Map.
• entries(): Trả về một trình lặp với các cặp [key, value] trong Map.

3. Thuộc tính của Map.

size: Trả về số lượng phần tử trong Map.

4. Cách tạo Map.

Sử dụng một mảng: Truyền một mảng vào constructor new Map().

const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

Sử dụng set(): Tạo một Map rỗng và sử dụng phương thức set() để thêm giá trị.

const fruits = new Map();
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Sử dụng set() để thay đổi giá trị:

fruits.set("apples", 200);

5. Phương thức get().

Sử dụng get() để lấy giá trị của một key trong Map.

fruits.get("apples"); // Trả về 500

6. Thuộc tính size.

Thuộc tính size trả về số lượng phần tử trong Map.

fruits.size;

7. Phương thức delete().

Sử dụng delete() để xóa một phần tử trong Map dựa trên key.

fruits.delete("apples");

8. Phương thức has().

Sử dụng has() để kiểm tra xem một key có tồn tại trong Map hay không.

fruits.has("apples");

9. Phương thức forEach().

Sử dụng forEach() để gọi một hàm callback cho mỗi cặp key/value trong Map.

let text = "";
fruits.forEach(function(value, key) {
  text += key + ' = ' + value;
});

10. Phương thức entries().

Sử dụng entries() để nhận một trình lặp chứa tất cả các cặp [key, value] trong Map.

let text = "";
for (const x of fruits.entries()) {
  text += x;
}

11. So sánh giữa Objects và Maps trong JavaScript.

12. Phương thức entries().

Sử dụng entries() để nhận một trình lặp chứa tất cả các cặp [key, value] trong Map.

let text = "";
for (const x of fruits.entries()) {
  text += x;
}

13. Hỗ trợ trình duyệt.

JavaScript Maps được hỗ trợ trong tất cả các trình duyệt (ví dụ Chrome, Edge, Firefox, Safari, Opera), ngoại trừ Internet Explorer.

Hy vọng rằng giải thích này sẽ giúp bạn hiểu rõ hơn về cách sử dụng và tính năng của JavaScript Maps!