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ách tạo bản đồ
Bạn có thể tạo 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 Map() mới
Bạn có thể tạo Bản đồ bằng cách chuyển một Mảng tới hàm tạo new Map()
:
Ví dụ
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Hãy tự mình thử »Phương thức set()
Bạn có thể thêm các thành phần vào Bản đồ bằng phương thức set()
:
Ví dụ
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Hãy tự mình thử » Phương thức set()
cũng có thể được sử dụng để thay đổi các giá trị Map hiện có:
Phương thức get()
Phương thức get()
lấy giá trị của khóa trong Bản đồ:
Bản đồ là đối tượng
typeof
trả về đối tượng:
instanceof
Map trả về true:
Đố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 đồ |
---|---|
Không thể lặp lại trực tiếp | Có thể lặp lại trực tiếp |
Không có thuộc tính kích thước | Có thuộc tính kích thước |
Khóa phải là Chuỗi (hoặc Ký hiệu) | Khóa có thể là bất kỳ kiểu dữ liệu nào |
Các phím không được sắp xếp tốt | Các phím được sắp xếp bằng cách chèn |
Có khóa mặc định | Không có phím mặc định |
Tham khảo bản đồ hoàn chỉnh
Để tham khảo Bản đồ đầy đủ, hãy truy cập:
Tham khảo bản đồ JavaScript hoàn chỉnh .
Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức Set.
Hỗ trợ trình duyệt
Map
là một tính năng ES6 (JavaScript 2015).
ES6 được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại kể từ tháng 6 năm 2017:
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
Map
không được hỗ trợ trong Internet Explorer.