Đối tượng bản đồ đã được giới thiệu trong ES6 và là một tập hợp các phần tử là cặp khóa và giá trị. Khóa hoặc giá trị trong bản đồ có thể là một đối tượng hoặc một giá trị nguyên thủy.
Sau đây là mã cho đối tượng bản đồ trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 18px;
font-weight: 500;
color: rebeccapurple;
}
</style>
</head>
<body>
<h1>Map object in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to create and display a map object</h3>
<script>
let resultEle = document.querySelector(".result");
let map1 = new Map([
["name", "Rohan Sharma"],
["age", 14],
["class", 9],
]);
document.querySelector(".Btn").addEventListener("click", () => {
for (let [key, value] of map1) {
resultEle.innerHTML += key + " = " + value + "<br>";
}
});
</script>
</body>
</html> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
