Bản đồ JavaScript
Bản đồ chứa các cặp khóa-giá trị trong đó các khóa có thể là bất kỳ kiểu dữ liệu nào.
Bản đồ ghi nhớ thứ tự chèn ban đầu của các phím.
Các phương pháp bản đồ cần thiết
| Phương pháp | Sự miêu tả |
|---|---|
| Bản đồ mới () | Tạo một bản đồ mới |
| bộ() | Đặt giá trị cho một khóa trong Bản đồ |
| đến() | Nhận giá trị cho một khóa trong Bản đồ |
| xóa bỏ() | Loại bỏ một phần tử Bản đồ được chỉ định bởi khóa |
| có() | Trả về true nếu một khóa tồn tại trong Bản đồ |
| cho mỗi() | Gọi một hàm cho từng cặp khóa / giá trị trong Bản đồ |
| mục() | Trả về một trình lặp với các cặp [khóa, giá trị] trong một Bản đồ |
| Bất động sản | Sự miêu tả |
| kích cỡ | Trả về số phần tử trong Bản đồ |
Cách tạo bản đồ
Bạn có thể tạo một Bản đồ JavaScript bằng cách:
- Truyền một mảng tới
new Map() - Tạo bản đồ và sử dụng
Map.set()
Phương thức Bản đồ () mới
Bạn có thể tạo một Bản đồ bằng cách truyền một Mảng cho phương thức new Map()khởi tạo:
Thí dụ
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Phương thức set ()
Bạn có thể thêm các phần tử vào Bản đồ bằng set()phương pháp:
Thí dụ
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Phương set()pháp này cũng có thể được sử dụng để thay đổi các giá trị Bản đồ hiện có:
Thí dụ
fruits.set("apples", 200);
Phương thức get ()
Phương get()thức nhận giá trị của một khóa trong Bản đồ:
Thí dụ
fruits.get("apples"); // Returns 500
Thuộc tính kích thước
Thuộc sizetính trả về số phần tử trong Bản đồ:
Thí dụ
fruits.size;
Phương thức delete ()
Phương delete()pháp loại bỏ một phần tử Bản đồ:
Thí dụ
fruits.delete("apples");
Phương thức has ()
Phương has()thức trả về true nếu một khóa tồn tại trong Bản đồ:
Thí dụ
fruits.has("apples");
Thử đi:
fruits.delete("apples");
fruits.has("apples");
Đối tượng JavaScript so với Bản đồ
Sự khác biệt giữa Đối tượng JavaScript và Bản đồ:
| Sự vật | Bản đồ | |
|---|---|---|
| Có thể lặp lại | Không thể lặp lại trực tiếp | Có thể lặp lại trực tiếp |
| Kích cỡ | Không có thuộc tính kích thước | Có thuộc tính kích thước |
| Các loại khóa | Các phím phải là Chuỗi (hoặc Ký hiệu) | Các khóa có thể là bất kỳ kiểu dữ liệu nào |
| Thứ tự chính | Chìa khóa không được đặt hàng tốt | Các phím được sắp xếp theo thứ tự chèn |
| Mặc định | Có khóa mặc định | Không có khóa mặc định |
Phương thức forEach ()
Phương forEach()thức này gọi một hàm cho mỗi cặp khóa / giá trị trong một Bản đồ:
Thí dụ
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Phương thức entry ()
Phương entries()thức trả về một đối tượng trình vòng lặp với [khóa, giá trị] trong một Bản đồ:
Thí dụ
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Hỗ trợ trình duyệt
JavaScript Maps được hỗ trợ trong tất cả các trình duyệt, ngoại trừ Internet Explorer:
| Chrome | Edge | Firefox | Safari | Opera |