Thuộc tính Set.size trong JavaScript

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

Chức năng của Thuộc tính Set.size trong JavaScript

Thuộc tính Set.size trong JavaScript dùng để đếm tổng số phần tử có trong một đối tượng Set.

Cú pháp của Thuộc tính Set.size trong JavaScript

Set.size

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

Code Thuộc tính Set.size 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");
// Lấy danh sách giá trị
for (const value of thanhViens) {
  // Lấy từng giá trị
  document.write(value + "<br>");
}
document.write("Tổng số phần tử: "+thanhViens.size + "<br>");
</script>

Kết quả:

Bùi Tấn Lực
Trần Thị Vân
Bùi Đan Trúc Quỳnh
Tổng số phần tử: 3

Chạy Thử

Cách sử dụng Set size trong JavaScript hiệu quả

Thuộc tính size giúp xác định nhanh số lượng phần tử hiện có trong một Set. Giá trị này đặc biệt hữu ích khi cần kiểm tra Set có dữ liệu hay không, giới hạn số phần tử hoặc so sánh kích thước giữa các tập hợp.

Kiểm tra số lượng phần tử trong Set

Có thể đọc trực tiếp thuộc tính size để lấy số phần tử hiện tại. Khác với cách đếm thủ công, giá trị này luôn phản ánh trạng thái mới nhất của Set sau khi thêm hoặc xóa dữ liệu.

const users = new Set(["An", "Bình", "Chi"]);

console.log(users.size); // 3

users.add("Dũng");

console.log(users.size); // 4

Khi Set không chứa phần tử nào, size trả về 0. Điều này giúp kiểm tra dữ liệu trước khi thực hiện các thao tác tiếp theo.

Kết hợp Set size với điều kiện if

Trong thực tế, size thường được kết hợp với câu lệnh if để kiểm tra trạng thái của tập hợp. Cách này phù hợp khi cần xử lý riêng trường hợp Set rỗng hoặc khi số lượng phần tử đạt một điều kiện nhất định.

const products = new Set(["Laptop", "Mouse"]);

if (products.size > 0) {
    console.log("Set đang có dữ liệu");
} else {
    console.log("Set đang rỗng");
}

Cũng có thể dùng size để giới hạn số lượng phần tử trước khi thêm dữ liệu mới:

const tags = new Set(["JavaScript", "HTML"]);

if (tags.size < 5) {
    tags.add("CSS");
}

Cách kiểm tra này giúp logic xử lý dữ liệu rõ ràng hơn, nhất là khi Set được sử dụng để lưu danh sách giá trị không trùng lặp.

Phân biệt Set size với Array length

Set size và Array length đều cho biết số lượng phần tử, nhưng chúng thuộc về hai cấu trúc dữ liệu khác nhau. Với Set, sử dụng size; với Array, sử dụng length.

const numbers = new Set([10, 20, 30]);
const list = [10, 20, 30];

console.log(numbers.size);  // 3
console.log(list.length);   // 3

Điểm khác biệt quan trọng là Set tự loại bỏ các giá trị trùng nhau, trong khi Array vẫn giữ nguyên các phần tử trùng lặp.

const numbers = new Set([10, 10, 20]);
const list = [10, 10, 20];

console.log(numbers.size);  // 2
console.log(list.length);   // 3

Vì vậy, không nên thay size bằng length khi làm việc với Set. Việc sử dụng đúng thuộc tính giúp code phản ánh chính xác cách JavaScript quản lý dữ liệu của từng cấu trúc.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính Set.size trong JavaScript.

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về Thuộc tính Set.size 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