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

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

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

Phương thức Map.set() trong JavaScript dùng để chèn các cặp khóa - giá trị vào đối tượng Map hoặc cập nhật giá trị của khóa (key), các cặp khóa - giá trị được chèn theo thứ tự vào trước đứng trước, vào sau đứng sau.

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

Map.set(khoa,giatri);

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

khoa: Khóa (Key).

giatri: Giá trị (Value)

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

Phương thức Map.set() chèn khóa - giá trị 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ử

Phương thức Map.set() cập nhật giá trị 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]
]);
// Cập nhật giá trị cho khóa Bùi Tấn Lực thành 36
thanhViens.set("Bùi Tấn Lực", 36);
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 = 36
Trần Thị Vân = 29
Bùi Đan Trúc Quỳnh = 1

Chạy Thử

Những lưu ý khi sử dụng Map.set() trong JavaScript

Khi làm việc với Map.set(), hiểu rõ cách phương thức này trả về kết quả và xử lý khóa đã tồn tại sẽ giúp mã JavaScript dễ kiểm soát hơn. Đặc biệt, việc gọi set() nhiều lần liên tiếp còn cho phép xây dựng dữ liệu theo cách ngắn gọn mà không cần tạo lại Map.

Map.set() trả về chính đối tượng Map

Một điểm đáng chú ý là Map.set() không chỉ thay đổi dữ liệu trong Map mà còn trả về chính đối tượng Map đó. Nhờ vậy, bạn có thể gọi tiếp set() trên kết quả trả về để thêm nhiều cặp khóa và giá trị trong cùng một biểu thức.

const users = new Map();

users.set("name", "An").set("age", 25);

console.log(users);

Cách sử dụng này phù hợp khi cần khởi tạo một Map với một số lượng nhỏ dữ liệu. Tuy nhiên, nếu chuỗi lệnh quá dài, nên tách thành nhiều dòng để mã dễ đọc và thuận tiện khi kiểm tra.

Map.set() xử lý khóa đã tồn tại như thế nào?

Nếu khóa được truyền vào set() đã xuất hiện trong Map, phương thức này sẽ không tạo thêm một mục mới. Giá trị gắn với khóa đó được thay thế bằng giá trị mới.

const scores = new Map();

scores.set("An", 80);
scores.set("An", 95);

console.log(scores.get("An"));

Trong ví dụ trên, Map chỉ giữ một khóa "An" và giá trị cuối cùng là 95. Vì vậy, khi cập nhật dữ liệu, bạn có thể sử dụng lại set() với cùng một khóa thay vì phải xóa mục cũ trước.

Có thể sử dụng nhiều lần Map.set() liên tiếp

Do set() trả về chính Map hiện tại, các lần gọi có thể được nối tiếp nhau. Đây là cách hữu ích khi muốn thêm nhiều dữ liệu ngay sau khi tạo Map.

const products = new Map();

products
  .set("P01", "Bàn phím")
  .set("P02", "Chuột")
  .set("P03", "Tai nghe");

Mỗi lần gọi set() sẽ tiếp tục thao tác trên cùng một Map. Cách viết này giúp giảm các câu lệnh lặp lại, nhưng nên ưu tiên tính dễ đọc nếu dữ liệu có nhiều trường hoặc logic xử lý phức tạp.

Lời kết

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

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về Phương thức Map.set() 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 *

Bình luận, Hỏi đáp