Computer >> Máy Tính >  >> Lập trình >> Javascript

Giải thích các bộ trong JavaScript?

Bộ

Set là một kiểu đối tượng mới được cung cấp bởi ES6. Nó không là gì khác ngoài một tập hợp các giá trị, là duy nhất. Các giá trị có thể là các giá trị ban đầu đơn giản như chuỗi, số nguyên, v.v. hoặc các kiểu đối tượng phức tạp như các ký tự đối tượng hoặc mảng.

Cú pháp

new Set([iterable]);

tham số

có thể lặp lại

Nó là một đối tượng có thể lặp lại có các phần tử sẽ được thêm vào tập hợp mới. Trong trường hợp nếu giá trị có thể lặp lại không được cung cấp hoặc giá trị null được chuyển thì tập hợp mới sẽ trống.

Ví dụ

Vì một tập hợp chỉ cho phép các giá trị duy nhất, độ dài của đối tượng sau khi thêm một số phần tử hiện có trong tập hợp sẽ không bị thay đổi.

<html>
<body>
<script>
   var set1 = new Set(["a","a","b","b","c"]);// no of unique elements - 3(a, b and c)
   set1.add('c').add('d')                    // Two elements were added (c,d)
   set1.forEach(alphabet => {                // In total 7 elements but only 4 unique values
   document.write(`alphabet ${alphabet}!`);
   document.write("</br>");
   });
   document.write(set1.size);               // it displays 4 since sets accept only unique values.
</script>
</body>
</html>

Đầu ra

alphabet a!
alphabet b!
alphabet c!
alphabet d!
4

Ví dụ-2

Các bộ cũng hiển thị giá trị boolean. Họ kiểm tra xem một phần tử được cung cấp có sẵn có trong tập hợp đã cho hay không và thực thi một đầu ra boolean.

<html>
<body>
<script>
   var set1 = new Set(["a","a","b","b","c"]);
   set1.add('c').add('d')
   set1.forEach(alphabet => {
   document.write(`alphabet ${alphabet}!`);
   document.write("</br>");
   });
   document.write(set1.has('a'));  // it display true because a is there in set1
   document.write("</br>");    
   document.write(set1.has('8'));   // it display false because there is no 8 in the set1.
   document.write("</br>");
   document.write(set1.size);  // displays only unique values because only unique values are accepted
</script>
</body>
</html>

Đầu ra

alphabet a!
alphabet b!
alphabet c!
alphabet d!
true
false
4