[Javascript] – Phần 38: Javascript Set

1. Set là gì?

Set là một loại cấu trúc dữ liệu được sử dụng để lưu trữ các giá trị duy nhất, không trùng lặp. Một đối tượng Set có thể chứa các giá trị bất kỳ và đảm bảo rằng mỗi giá trị chỉ xuất hiện một lần trong tập hợp.

2. Các phương thức cơ bản của Set.

• new Set(): Tạo một Set mới.
• add(): Thêm một phần tử mới vào Set.
• delete(): Xóa một phần tử khỏi Set.
• has(): Kiểm tra xem một giá trị có tồn tại trong Set hay không.
• forEach(): Gọi một hàm callback cho mỗi phần tử trong Set.
• values(): Trả về một trình lặp (iterator) chứa tất cả các giá trị trong Set.

3. Thuộc tính của Set.

• size: Trả về số lượng phần tử trong Set.

4. Cách tạo Set

• Sử dụng một Mảng: Truyền một mảng vào constructor new Set().

const letters = new Set(["a", "b", "c"]);

Sử dụng add(): Tạo một Set rỗng và sử dụng phương thức add() để thêm giá trị.

const letters = new Set();
letters.add("a");
letters.add("b");
letters.add("c");

Sử dụng biến và add(): Tạo một Set rỗng và sử dụng add() để thêm các biến.

const letters = new Set();
const a = "a";
const b = "b";
const c = "c";
letters.add(a);
letters.add(b);
letters.add(c);

5. Phương Thức add().

• Sử dụng add() để thêm phần tử vào Set.

letters.add("d");
letters.add("e");

Nếu thêm các phần tử giống nhau, chỉ phần tử đầu tiên được lưu giữ.

letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c"); // Chỉ giữ "c" đầu tiên

6. Phương thức forEach().

• Sử dụng forEach() để gọi một hàm callback cho mỗi phần tử trong Set.

const letters = new Set(["a", "b", "c"]);
let text = "";
letters.forEach(function(value) {
  text += value;
});

7. Phương thức values():

• Sử dụng values() để nhận một trình lặp chứa tất cả các giá trị trong Set.

let text = "";
for (const x of letters.values()) {
  text += x;
}

Hy vọng bài viết này giúp bạn hiểu rõ hơn về các khái niệm và phương thức của JavaScript Sets!