e 1 year ago
parent
commit
36cd6d4e5a
3 changed files with 91 additions and 0 deletions
  1. 25 0
      js/js高阶/12.Symbol.html
  2. 28 0
      js/js高阶/13.Set.html
  3. 38 0
      js/js高阶/14.Map.html

+ 25 - 0
js/js高阶/12.Symbol.html

@@ -0,0 +1,25 @@
+<!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>
+        /**
+         * js数据类型:
+         * 基本数据类型:
+         *  number string boolean null undefined 
+         *  Symbol(独一无二的 唯一的)
+         * 引用数据类型
+         * Object(object array function)
+        */
+       var a = Symbol();
+       console.log(a);
+       var a1 = Symbol(1);
+       var a2 = Symbol(1);
+       console.log(a1 == a2);
+    </script>
+</body>
+</html>

+ 28 - 0
js/js高阶/13.Set.html

@@ -0,0 +1,28 @@
+<!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>
+        var arr = [1,2,3,4,3,3,5,7,213];
+        var x = new Set(arr);
+        console.log(x,'set后')
+        console.log(Array.from(x));
+        // size 长度
+        console.log(x.size)
+        // 数组去重
+        function fn1(aa) {
+           return Array.from(new Set(aa));
+        }
+        console.log(fn1([1,2,1,1,1,1,1,2,2,2,3,4,3,4,33,2]));
+        // 添加 xxx.add()
+        console.log(x.add("哈哈"))
+        // 删除 xxx.delete(要删除的值) 成功则返回true
+        console.log(x.delete(3));
+        console.log(x);
+    </script>
+</body>
+</html>

+ 38 - 0
js/js高阶/14.Map.html

@@ -0,0 +1,38 @@
+<!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>
+        let s1 = new Map();
+        console.log(s1);
+        // xxx.set("属性名","属性值")
+        s1.set('names','张三');
+        s1.set('age',18);
+        console.log(s1);
+        // xxx.get("属性名")
+        console.log(s1.get('names'))
+        // 长度 xxx.size
+        console.log(s1.size)
+        // 删除 xxx.delete("属性名") 成功 true
+        // console.log(s1.delete("age"))
+        // 全部删除 xxx.clear
+        // console.log(s1.clear());
+        // keys 可枚举的键值对的属性
+        for(var i of s1.keys()) {
+            console.log(i)
+        }
+        // entries 可枚举的键值对
+        for(var i of s1.entries()) {
+            console.log(i)
+        }
+        // values 可枚举的键值对属性值
+        for(var i of s1.values()) {
+            console.log(i)
+        }
+    </script>
+</body>
+</html>