Phương thức Map.get() trong JavaScript

Phương thức Map.get() trong JavaScript
Phương thức Map.get() trong JavaScript

Chức năng của Phương thức Map.get() trong JavaScript

Phương thức Map.get() trong JavaScript dùng để lấy giá trị của một khóa (key) trong một đối tượng Map, nếu khóa truyền vào không tồn tại thì sẽ trả về undefined.

Cú pháp của Phương thức Map.get() trong JavaScript

Map.get(khoa)

Map: tên biến của đối tượng Map, biến này tự đặt tên.

khoa: khóa (key).

Code Phương thức Map.get() trong JavaScript

<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("Nguyễn Thùy Dung", 30);
thanhViens.set("Trần Thị Vân", 29);
thanhViens.set("Bùi Đan Trúc Quỳnh", 1);
// Xem danh sách Map
thanhViens.forEach (function(value, key) {
 document.write(key + ' = ' + value + "<br>");
})
// Giá trị của khóa Nguyễn Thùy Dung
document.write("<b>Giá trị của khóa Nguyễn Thùy Dung</b>: "+thanhViens.get("Nguyễn Thùy Dung")+"<br>"); // Kết quả: 30
// Giá trị của khóa Nguyễn Thùy
document.write("<b>Giá trị của khóa Nguyễn Thùy</b>: "+thanhViens.get("Nguyễn Thùy")+"<br>"); // Kết quả: undefined
</script>

Kết quả:

Bùi Tấn Lực = 35
Nguyễn Thùy Dung = 30
Trần Thị Vân = 29
Bùi Đan Trúc Quỳnh = 1
Giá trị của khóa Nguyễn Thùy Dung: 30
Giá trị của khóa Nguyễn Thùy: undefined

Chạy Thử

Ứng dụng Map.get() trong JavaScript vào thực tế

Phương thức Map.get() phát huy hiệu quả khi chương trình cần tìm một giá trị dựa trên một khóa cụ thể. Thay vì duyệt lần lượt từng phần tử, bạn có thể tổ chức dữ liệu dưới dạng cặp khóa – giá trị và lấy thông tin cần thiết trực tiếp từ khóa.

Tra cứu dữ liệu nhanh bằng Map.get()

Một tình huống phổ biến là lưu thông tin theo mã định danh, chẳng hạn mã sản phẩm, mã người dùng hoặc tên cấu hình. Khi cần lấy dữ liệu, Map.get() nhận khóa tương ứng và trả về giá trị đã được lưu.

const products = new Map();

products.set("SP01", {
  name: "Bàn phím cơ",
  price: 850000
});

products.set("SP02", {
  name: "Chuột không dây",
  price: 450000
});

const product = products.get("SP02");

console.log(product);

Cách này đặc biệt phù hợp với những dữ liệu thường xuyên được truy xuất theo một khóa xác định. Nếu khóa không tồn tại, phương thức trả về undefined, giúp chương trình có thể chủ động kiểm tra trước khi sử dụng kết quả.

Kết hợp Map.get() với Map.has() để xử lý dữ liệu an toàn

Trong trường hợp cần phân biệt rõ giữa việc khóa không tồn tại và giá trị được lưu là undefined, có thể kết hợp Map.has() với Map.get(). has() kiểm tra sự tồn tại của khóa, còn get() lấy giá trị tương ứng.

const settings = new Map([
  ["language", "vi"],
  ["theme", "dark"]
]);

if (settings.has("theme")) {
  const theme = settings.get("theme");
  console.log("Giao diện:", theme);
}

Cách kết hợp này giúp điều kiện xử lý dữ liệu rõ ràng hơn, nhất là khi ứng dụng có nhiều khóa tùy chọn. Bạn cũng tránh việc mặc định một giá trị không xác định là do khóa không tồn tại.

Sử dụng Map.get() khi xây dựng bộ nhớ đệm và dữ liệu tra cứu

Map.get() cũng phù hợp với các bộ nhớ đệm đơn giản, trong đó kết quả đã xử lý được lưu lại để sử dụng cho những lần truy cập sau. Chương trình có thể kiểm tra dữ liệu trong Map trước, chỉ thực hiện thao tác tốn tài nguyên khi chưa có kết quả.

const cache = new Map();

function getUserName(id) {
  if (cache.has(id)) {
    return cache.get(id);
  }

  const name = "User " + id;
  cache.set(id, name);

  return name;
}

console.log(getUserName(101));
console.log(getUserName(101));

Trong ví dụ này, lần gọi đầu tiên tạo dữ liệu và lưu vào Map. Những lần gọi tiếp theo với cùng khóa có thể lấy ngay kết quả bằng Map.get(). Mô hình này hữu ích cho dữ liệu tra cứu lặp lại, nhưng với ứng dụng lớn cần cân nhắc thêm thời gian lưu trữ, kích thước bộ nhớ và cơ chế làm mới dữ liệu.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức Map.get() trong JavaScript.

  • 0 Bình luận
CEO Bùi Tấn Lực | Founder Web Mới
Bùi Tấn Lực
Tìm hiểu về CEO Bùi Tấn Lực, Founder Web Mới với nhiều năm kinh nghiệm trong lĩnh vực phát triển website, SEO và chia sẻ kiến thức công nghệ
Đánh giá
Chia sẻ nội dung đánh giá của bạn về Phương thức Map.get() 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 *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Yêu Cầu Báo Giá
Gửi trang web mẫu cần làm theo, chúng tôi sẽ báo giá đến bạn từ Email (tanlucit09@gmail.com - Bùi Tấn Lực) hoặc Zalo (Lực IT - 0398259259) !