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

• Bùi Tấn Lực
• 1032
• 20/09/2025

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

Phương thức Set union() trong JavaScript dùng để tạo ra Set C bằng cách lấy các phần tử Set A và lấy phần tử bên Set B có giá trị không giống bên Set A.

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

const C = A.union(B);

A: đối tượng Set gốc.

B: đối tượng Set cần thêm phần tử vào A.

C: đối tượng Set sau khi thêm B vào A.

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

<script>
const A = new Set(['Bùi Tấn Lực','Trần Thị Vân','Bùi Đan Trúc Quỳnh']);
const B = new Set(['Nguyễn Thùy Dung','Bùi Tấn Lực','Nguyễn Thảo Nhật Hạ']);
const C = A.union(B);
for (const value of C) {
  // 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
Nguyễn Thùy Dung
Nguyễn Thảo Nhật Hạ

Chạy Thử

Ứng dụng Set.union() trong JavaScript

Set.union() hữu ích khi cần tạo một tập hợp mới chứa toàn bộ phần tử của hai Set mà không giữ lại giá trị trùng lặp. Phương thức này đặc biệt phù hợp với các bài toán xử lý danh sách dữ liệu có tính duy nhất, giúp mã nguồn ngắn gọn và dễ đọc hơn so với cách lặp qua từng tập hợp để gộp thủ công.

Gộp dữ liệu từ hai Set mà không bị trùng

Khi hai Set có một hoặc nhiều phần tử giống nhau, Set.union() chỉ giữ một lần xuất hiện của mỗi giá trị. Kết quả là một Set mới, còn hai tập hợp ban đầu không bị thay đổi.

const setA = new Set(["JavaScript", "HTML", "CSS"]);
const setB = new Set(["CSS", "PHP", "JavaScript"]);

const result = setA.union(setB);

console.log(result);

Trong ví dụ trên, result chứa JavaScript, HTML, CSS và PHP. Các giá trị xuất hiện ở cả hai tập hợp chỉ được giữ lại một lần. Điều này giúp tránh phải tự kiểm tra phần tử đã tồn tại hay chưa trước khi thêm dữ liệu.

Kết hợp Set với Array trong xử lý dữ liệu

Set.union() làm việc trực tiếp với Set, vì vậy khi dữ liệu ban đầu là Array, có thể chuyển từng mảng thành Set trước khi thực hiện phép hợp. Cách này phù hợp khi cần loại bỏ dữ liệu trùng trong quá trình kết hợp nhiều nguồn.

const usersA = ["An", "Bình", "Chi"];
const usersB = ["Chi", "Dũng", "An"];

const result = new Set(usersA).union(new Set(usersB));

console.log(result);

Kết quả là một Set gồm bốn tên duy nhất. Nếu cần tiếp tục sử dụng các phương thức dành cho mảng, có thể chuyển kết quả về Array sau khi hợp hai tập dữ liệu.

Khi nào nên sử dụng Set.union() thay vì cách gộp thủ công?

Nên dùng Set.union() khi dữ liệu đã được tổ chức dưới dạng Set và mục tiêu là tạo một tập hợp gồm tất cả phần tử của các tập hợp. Cách này thể hiện rõ ý định xử lý dữ liệu và không cần tự viết vòng lặp hoặc logic kiểm tra trùng lặp.

Ngược lại, nếu dữ liệu chủ yếu là Array và cần xử lý thêm vị trí, thứ tự hoặc các thao tác đặc thù của mảng, có thể giữ dữ liệu ở dạng Array và lựa chọn phương pháp phù hợp. Với dữ liệu cần tính duy nhất ngay từ đầu, chuyển sang Set rồi sử dụng union() thường là lựa chọn rõ ràng hơn.

Lời kết

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