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

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

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

Phương thức Set.entries() trong JavaScript dùng để Lấy từng cặp giá trị - giá trị của từng phần tử, cột khóa (key) hiện giờ cũng chứa giá trị như cột giá trị trên một phần tử.

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

Set.entries()

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

Code Phương thức Set.entries() 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 từng cặp giá trị - giá trị của từng phần tử
document.write("<b>Lấy từng cặp giá trị - giá trị của từng phần tử</b><br>");
for (const cap of thanhViens.entries()) {
  // Lấy từng cặp giá trị - giá trị của từng phần tử
  document.write(cap + "<br>");
}
</script>

Kết quả:

Lấy từng cặp giá trị - giá trị của từng phần tử
Bùi Tấn Lực,Bùi Tấn Lực
Trần Thị Vân,Trần Thị Vân
Bùi Đan Trúc Quỳnh,Bùi Đan Trúc Quỳnh

Chạy Thử

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

Set.entries() phù hợp khi cần duyệt dữ liệu của một Set theo dạng cặp giá trị. Điểm đặc biệt là mỗi phần tử được trả về dưới dạng mảng gồm hai giá trị giống nhau, giúp cấu trúc kết quả tương thích với cách duyệt các collection dạng cặp trong JavaScript.

Lặp qua các phần tử bằng Set.entries()

Phương thức Set.entries() trả về một iterator. Có thể kết hợp iterator này với vòng lặp for...of để lần lượt lấy từng cặp giá trị trong Set mà không cần chuyển toàn bộ dữ liệu sang mảng trước.

const languages = new Set(["JavaScript", "PHP", "Python"]);

for (const entry of languages.entries()) {
console.log(entry);
}

Mỗi lần lặp, biến entry nhận một mảng có dạng [value, value]. Chẳng hạn, với phần tử JavaScript, kết quả tương ứng là ["JavaScript", "JavaScript"]. Hai giá trị giống nhau vì Set chỉ lưu value, không có key riêng như Map.

Cách này hữu ích khi cần xử lý dữ liệu Set theo cấu trúc cặp mà vẫn muốn giữ nguyên cơ chế iterator của JavaScript.

So sánh Set.entries() với Map.entries()

Cả hai phương thức đều trả về iterator chứa các cặp giá trị, nhưng ý nghĩa của từng phần tử hoàn toàn khác nhau. Với Map, mỗi cặp có dạng [key, value], còn với Set, kết quả có dạng [value, value].

const users = new Map([
  ["id01", "An"],
  ["id02", "Bình"]
]);

for (const entry of users.entries()) {
console.log(entry);
}

const colors = new Set(["red", "blue"]);

for (const entry of colors.entries()) {
console.log(entry);
}

Với Map, hai vị trí trong mỗi cặp có vai trò khác nhau vì một bên là key và bên còn lại là value. Ngược lại, Set không có key độc lập nên cùng một giá trị được trả về ở cả hai vị trí.

Vì vậy, nếu mục tiêu là lưu và truy xuất dữ liệu theo quan hệ key - value, nên sử dụng Map. Nếu chỉ cần một tập hợp các giá trị duy nhất nhưng cần kết quả iterator tương thích với cấu trúc cặp, Set.entries() là lựa chọn phù hợp.

Lời kết

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