Đối tượng new Map() trong JavaScript

• Bùi Tấn Lực
• 881
• 18/09/2025

Chức năng của Đối tượng new Map() trong JavaScript

Đối tượng new Map() trong JavaScript dùng để lưu trữ các cặp khóa - giá trị theo thứ tự chèn, khóa (key) cho phép bất kỳ kiểu dữ liệu bao gồm: chữ, số, hàm, đối tượng, cho phép quản lý dữ liệu phức tạp một cách linh hoạt hơn so với đối tượng thông thường, đặc biệt hữu ích khi khóa không chỉ là chuỗi hoặc ký hiệu.

Code Đối tượng new Map() trong JavaScript

Đối tượng new Map() có dữ liệu trong JavaScript

<p id="ketqua"></p>
<script>
// Tạo một Map
const thanhViens = new Map([
  ["Bùi Tấn Lực", 35],
  ["Trần Thị Vân", 29],
  ["Bùi Đan Trúc Quỳnh", 1]
]);
let text = "";
thanhViens.forEach (function(value, key) {
  text += key + ' = ' + value + "<br>"
})
document.getElementById("ketqua").innerHTML = text;
</script>

Kết quả:

Bùi Tấn Lực = 35
Trần Thị Vân = 29
Bùi Đan Trúc Quỳnh = 1

Chạy Thử

Đối tượng new Map() chưa có dữ liệu trong JavaScript

<p id="ketqua"></p>
<script>
// Tạo một Map
const thanhViens = new Map();
// Tạo cặp khóa, giá trị cho Map
thanhViens.set("Bùi Tấn Lực", 35);
thanhViens.set("Trần Thị Vân", 29);
thanhViens.set("Bùi Đan Trúc Quỳnh", 1);
let text = "";
thanhViens.forEach (function(value, key) {
  text += key + ' = ' + value + "<br>"
})
document.getElementById("ketqua").innerHTML = text;
</script>

Kết quả:

Bùi Tấn Lực = 35
Trần Thị Vân = 29
Bùi Đan Trúc Quỳnh = 1

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Đối tượng new Map() trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Đối tượng new Map() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn