|
|
@@ -0,0 +1,50 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ // Set 是一种新的数据结构 它类似于数组(比如获取到的元素集合) 但是它的成员都是唯一的 没有重复的值
|
|
|
+ // 通过new Set() 可以创建一个Set数据结构
|
|
|
+ let set1 = new Set();
|
|
|
+ // add()方法 可以向Set数据结构中添加值
|
|
|
+ set1.add(1);
|
|
|
+ set1.add("hello");
|
|
|
+ // add()方法 如果添加的值是已经存在的重复的值 在Set数据结构中 重复的值会被自动过滤掉
|
|
|
+ set1.add(1);
|
|
|
+ // 删除 delete()方法 可以删除Set数据结构中的值
|
|
|
+ // set1.delete(1);
|
|
|
+ // has()方法 可以判断Set数据结构中是否存在某个值
|
|
|
+ console.log(set1.has("hello"));
|
|
|
+ // size属性 可以获取Set数据结构中元素的个数
|
|
|
+ console.log(set1.size);
|
|
|
+ // for...of 循环 可以遍历Set数据结构中的值
|
|
|
+ for(let item of set1){
|
|
|
+ console.log(item);
|
|
|
+ }
|
|
|
+
|
|
|
+ let arr = [1,2,3,4,1,2,3];
|
|
|
+ // Set数据结构可以将数组去重
|
|
|
+ // let set2 = new Set([1,2,3,4,5,6]);
|
|
|
+ // 可以将数组转换为Set数据结构 从而实现数组去重
|
|
|
+ let set2 = new Set(arr);
|
|
|
+ console.log(set2);
|
|
|
+
|
|
|
+
|
|
|
+ console.log(set1);
|
|
|
+
|
|
|
+
|
|
|
+ // WeakSet 是一种新的数据结构 它类似于Set数据结构 但是它的成员只能是对象 不能是其他类型的值
|
|
|
+ let weak1 = new WeakSet();
|
|
|
+ weak1.add({username:"张三"});
|
|
|
+ console.log(weak1);
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
