Phương pháp bản đồ JavaScript
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ử »Bản đồ.get()
Bạn nhận được giá trị của khóa trong bản đồ bằng phương thức get()
Map.set()
Bạn có thể thêm các phần tử 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ị bản đồ hiện có:
Bản đồ.size
Thuộc tính size
trả về số phần tử trong bản đồ:
Bản đồ.delete()
Phương thức delete()
xóa phần tử bản đồ:
Bản đồ.clear()
Phương thức clear()
xóa tất cả các phần tử khỏi bản đồ:
Bản đồ.has()
Phương thức has()
trả về true nếu khóa tồn tại trong bản đồ:
Ví dụ
fruits.has("apples");
Hãy tự mình thử »Thử cái này xem sao:
fruits.delete("apples");
fruits.has("apples");
Hãy tự mình thử » Map.forEach()
Phương thức forEach()
gọi một lệnh gọi lại cho từng cặp khóa/giá trị trong bản đồ:
Ví dụ
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Hãy tự mình thử »Bản đồ.entry()
Phương entries()
trả về một đối tượng iterator với [key,values] trong bản đồ:
Ví dụ
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Hãy tự mình thử »Map.keys()
Phương thức keys()
trả về một đối tượng iterator với các khóa trong bản đồ:
Ví dụ
// List all keys
let text = "";
for (const x of fruits.keys()) {
text += x;
}
Hãy tự mình thử »Bản đồ.values()
Phương thức values()
trả về một đối tượng iterator với các giá trị trong bản đồ:
Ví dụ
// List all values
let text = "";
for (const x of fruits.values()) {
text += x;
}
Hãy tự mình thử » Bạn có thể sử dụng phương thức values()
để tính tổng các giá trị trong bản đồ:
Ví dụ
// Sum all values
let total = 0;
for (const x of fruits.values()) {
total += x;
}
Hãy tự mình thử »Đối tượng làm chìa khóa
Có thể sử dụng các đối tượng làm chìa khóa là một tính năng quan trọng của Bản đồ.
Ví dụ
// Create Objects
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// Create a Map
const fruits = new Map();
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
Hãy tự mình thử »Hãy nhớ: Khóa là một đối tượng (táo), không phải chuỗi ("táo"):
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.