Map của JavaScript
- Trang trước Phương pháp JS Set
- Trang tiếp theo Phương pháp JS Map
Map là một tập hợp của các cặp khóa-giá trị, trong đó khóa có thể là bất kỳ loại dữ liệu nào.
Map sẽ nhớ lại thứ tự chèn ban đầu của khóa.
Cách tạo Map
Có thể tạo JavaScript Map theo cách sau:
- Truyền một mảng sang
new Map()
. - Tạo một Map và sử dụng
Map.set()
.
phương pháp new Map()
Có thể truyền một mảng sang new Map()
Cấu hình hàm để tạo Map:
Thực thể
// Tạo một Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ]
phương pháp set()
Có thể sử dụng set()
Phương pháp thêm phần tử vào Map:
Thực thể
// Tạo một Map const fruits = new Map(); // Đặt giá trị Map fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
Phương pháp này cũng có thể được sử dụng để thay đổi giá trị hiện có trong Map:
Thực thể
fruits.set("apples", 200);
Phương pháp get()
get()
Phương pháp lấy giá trị của khóa trong Map:
Thực thể
fruits.get("apples"); // Trả về 500
Map là đối tượng
typeof
Trả về object:
Thực thể
// Trả về object: typeof fruits;
instanceof Map
Trả về true:
Thực thể
// Trả về true: fruits instanceof Map;
Sự khác biệt giữa đối tượng JavaScript và Map
Dưới đây là sự khác biệt giữa đối tượng JavaScript và Map:
đối tượng | Map |
---|---|
Không thể trực tiếp lặp lại | Có thể trực tiếp lặp lại |
Không có thuộc tính size | Có thuộc tính size |
Các khóa phải là chuỗi hoặc Symbol | Các khóa có thể là bất kỳ loại dữ liệu nào |
Thứ tự của các khóa không rõ ràng | Các khóa được sắp xếp theo thứ tự chèn |
Có khóa mặc định | Không có khóa mặc định |
Tài liệu tham khảo đầy đủ Map
Để có tài liệu tham khảo đầy đủ, vui lòng truy cập trang web của chúng tôi:Tài liệu tham khảo JavaScript Map.
Tài liệu này bao gồm mô tả và ví dụ về tất cả các thuộc tính và phương pháp của Map.
Hỗ trợ trình duyệt
Map là Tính năng của ES6(JavaScript 2015).
Từ tháng 6 năm 2017, tất cả các trình duyệt hiện đại đều hỗ trợ ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
Tháng 5 năm 2016 | Tháng 4 năm 2017 | Tháng 6 năm 2017 | Tháng 9 năm 2016 | Tháng 6 năm 2016 |
Internet Explorer không hỗ trợ Map.
- Trang trước Phương pháp JS Set
- Trang tiếp theo Phương pháp JS Map