e 1 жил өмнө
parent
commit
5a1059e6a3

+ 29 - 0
JS高级/17.symbol.html

@@ -0,0 +1,29 @@
+<!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>
+        /**
+         * Symbol
+         * 基本数据类型:
+         * number null undefined boolean string
+         * symbol(新增的):
+         * 1.独一无二的值 避免命名冲突 解决命名问题
+         * 2.symbol声明的数据类型与其他数据类型不允许做运算
+         * 3.symbol 不能使用for...in循环
+         * 
+        */
+       let s1 = Symbol();
+       console.log(s1);
+       console.log(typeof s1);
+
+       let s2 = Symbol("张三");
+       let s3 = Symbol("张三");
+       console.log(s2===s3); // false
+    </script>
+</body>
+</html>

+ 51 - 0
JS高级/18.Set.html

@@ -0,0 +1,51 @@
+<!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 类似于es6新增的特性 类似于数组
+       * set 可以使用for of 和 扩展运算符
+       * size 返回集合中的元素个数
+       * add() 向集合中添加元素 并返回添加的集合
+       * delete() 删除元素 返回布尔值
+       * has() 判断当前集合中是否包含当前元素  并返回布尔值
+       * clear() 清空当前集合 返回的是undefined
+       */
+      let s = new Set();
+      console.log(s);
+      let s1 = new Set([1, 2, 3, 4, 5, 6, 7]);
+      console.log(s1, "s1");
+      console.log(s1.size);
+      //console.log(s1.add(13));
+      s1.add(13);
+      console.log(s1);
+      console.log(s1.delete(15));
+      s1.delete(15);
+      console.log(s1);
+      console.log(s1.has(14));
+      console.log(s1);
+      console.log(s1.clear());
+      s1.clear();
+      console.log(s1);
+
+      var arr = [12,23,34,45,56,78];
+      var s2 = new Set(arr);
+      console.log(s2,'s2');
+      var s3 = Array.from(s2);
+      console.log(s3,'s3');
+
+      //去重
+      var list = [12,23,3245,32,23,66,57,78,76,57,3245];
+      function reducer(arr) {
+        var a1 = new Set(arr);
+        return Array.from(a1);
+      }
+      console.log(reducer(list))
+    </script>
+  </body>
+</html>