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

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

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

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

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

const C = A.intersection(B);

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

B: đối tượng Set B.

C: đối tượng Set sau khi lấy những phần tử có giá trị nằm ở cả A và B.

Code Phương thức Set intersection() 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ạ']);
// Lấy các phần tử có giá trị nằm ở cả A và B
const C = A.intersection(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

Chạy Thử

Ứng dụng Phương thức Set intersection() trong JavaScript

Phương thức intersection() phù hợp khi cần tìm những giá trị cùng xuất hiện trong nhiều tập hợp. Nhờ khả năng xử lý trực tiếp trên Set, cách viết trở nên ngắn gọn và dễ kiểm soát hơn khi làm việc với dữ liệu có tính duy nhất.

Kiểm tra phần tử chung giữa hai tập hợp

Một tình huống phổ biến là xác định hai nhóm dữ liệu có những giá trị nào giống nhau. Thay vì duyệt từng phần tử rồi tự kiểm tra điều kiện, có thể dùng intersection() để lấy ngay tập hợp chứa các phần tử xuất hiện ở cả hai bên.

const groupA = new Set(["HTML", "CSS", "JavaScript"]);
const groupB = new Set(["JavaScript", "PHP", "CSS"]);

const common = groupA.intersection(groupB);

console.log(common);

Kết quả là một Set gồm CSS và JavaScript. Cách này đặc biệt hữu ích khi so sánh quyền truy cập, nhóm người dùng, danh sách tính năng hoặc các tập dữ liệu có điểm giao nhau.

Lọc dữ liệu trùng nhau bằng Set intersection()

Khi hai nguồn dữ liệu được biểu diễn dưới dạng Set, intersection() có thể đóng vai trò như một bước lọc để chỉ giữ lại những giá trị thỏa mãn điều kiện xuất hiện ở cả hai tập hợp.

const available = new Set(["A", "B", "C", "D"]);
const selected = new Set(["B", "D", "E"]);

const matched = available.intersection(selected);

console.log(matched);

Trong ví dụ này, kết quả chỉ còn B và D. Điều quan trọng là dữ liệu đầu vào phải là Set và kết quả vẫn được trả về dưới dạng Set, giúp tiếp tục thực hiện các phép toán tập hợp khác mà không cần chuyển đổi trung gian.

So sánh Set intersection() với Array

Với Array, việc tìm phần tử chung thường cần kết hợp các phương thức như filter() và includes(). Cách này vẫn phù hợp khi dữ liệu cần giữ thứ tự hoặc có thể chứa phần tử trùng lặp, nhưng khi bài toán mang bản chất tập hợp thì Set thường thể hiện ý định rõ ràng hơn.

const arrayA = ["HTML", "CSS", "JavaScript"];
const arrayB = ["CSS", "PHP", "JavaScript"];

const common = arrayA.filter(item => arrayB.includes(item));

console.log(common);

Nếu không cần duy trì dữ liệu dưới dạng mảng, có thể chuyển sang Set để thực hiện phép giao trực tiếp. Vì vậy, lựa chọn giữa Array và Set nên dựa vào mục đích xử lý: Array thích hợp với dữ liệu có thứ tự và cho phép trùng lặp, còn Set phù hợp hơn với các bài toán tập hợp và giá trị duy nhất.

Lời kết

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