Phương thức Set.add() trong JavaScript

• Bùi Tấn Lực
• 921
• 19/09/2025

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

Phương thức Set.add() trong JavaScript dùng để thêm một giá trị vào một đối tượng Set, nếu giá trị truyền vào có rồi thì sẽ không thêm vào nữa.

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

Set.add(giatri)

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

giatri: Giá trị dùng để thêm vào.

Code Phương thức Set.add() trong JavaScript

<script>
// Tạo một đối tượng Set
const thanhViens = new Set();
// Thêm từng giá trị
thanhViens.add("Bùi Tấn Lực");
thanhViens.add("Trần Thị Vân");
thanhViens.add("Bùi Đan Trúc Quỳnh");
thanhViens.add("Bùi Tấn Lực"); // Bị trùng giá trị nên không có thêm vào
// Lấy danh sách giá trị
for (const value of thanhViens) {
  // Lấy từng giá trị
  document.write(value + "<br>");
}
</script>

Kết quả:

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

Chạy Thử

Khi nào nên sử dụng Set.add() trong JavaScript?

Set.add() phù hợp khi cần xây dựng một tập hợp chỉ chứa các giá trị không trùng nhau. Thay vì kiểm tra dữ liệu đã tồn tại trước khi thêm, Set tự xử lý việc này, giúp mã JavaScript ngắn gọn và dễ kiểm soát hơn.

Thêm phần tử duy nhất vào danh sách dữ liệu

Khi gọi Set.add() với một giá trị đã xuất hiện trong tập hợp, giá trị đó không được tạo thêm bản sao. Đặc điểm này hữu ích khi thu thập dữ liệu từ nhiều nguồn nhưng vẫn muốn giữ mỗi giá trị một lần.

Chẳng hạn, danh sách mã sản phẩm có thể được đưa vào Set để tránh tình trạng một mã xuất hiện nhiều lần:

const productIds = new Set();

productIds.add("SP001");
productIds.add("SP002");
productIds.add("SP001");

console.log(productIds);

Kết quả chỉ chứa SP001 và SP002. Cách làm này đặc biệt tiện khi dữ liệu ban đầu có khả năng bị lặp.

Kết hợp Set.add() với vòng lặp để xử lý dữ liệu

Set.add() có thể kết hợp với vòng lặp để lọc và xây dựng tập dữ liệu duy nhất trong quá trình xử lý. Mỗi phần tử được đưa vào tập hợp mà không cần tự viết thêm bước kiểm tra trùng.

const names = ["An", "Bình", "An", "Cường"];
const uniqueNames = new Set();

for (const name of names) {
uniqueNames.add(name);
}

console.log(uniqueNames);

Cách tiếp cận này phù hợp khi dữ liệu được duyệt tuần tự và cần loại bỏ bản ghi trùng ngay trong quá trình thu thập.

Sử dụng Set.add() để loại bỏ dữ liệu trùng lặp

Trong thực tế, Set.add() thường được dùng như một bước trong quy trình làm sạch dữ liệu. Khi chuyển từng giá trị vào một Set, các phần tử giống nhau sẽ được giữ lại duy nhất một lần.

const values = [10, 20, 10, 30, 20, 40];
const uniqueValues = new Set();

values.forEach(value => {
uniqueValues.add(value);
});

console.log([...uniqueValues]);

Nếu cần kết quả dưới dạng mảng để tiếp tục sử dụng các phương thức dành cho Array, có thể chuyển Set thành mảng bằng spread syntax như ví dụ trên.

Những lưu ý khi thêm giá trị bằng Set.add()

• Set.add() trả về chính đối tượng Set, nên có thể gọi liên tiếp nhiều lần nếu cần.
• Giá trị trùng nhau không tạo thêm phần tử mới trong tập hợp.
• Set có thể chứa nhiều kiểu dữ liệu như chuỗi, số, boolean, object hoặc các giá trị khác.
• Với object, hai object có nội dung giống nhau nhưng là hai tham chiếu khác nhau vẫn được xem là hai phần tử riêng biệt.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức Set.add() 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 Set.add() 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