Map của JavaScript

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:

  1. Truyền một mảng sang new Map().
  2. 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],
  
]

Thử ngay lập tức

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);

Thử ngay lập tức

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);

Thử ngay lập tức

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

Thử ngay lập tức

Map là đối tượng

typeof Trả về object:

Thực thể

// Trả về object:
typeof fruits;

Thử ngay lập tức

instanceof Map Trả về true:

Thực thể

// Trả về true:
fruits instanceof Map;

Thử ngay lập tức

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.