Головна сторінка Огляд Довідка
Увійти
lovecoding
/
W250511
10
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

admin

fengchuanyu 1 тиждень тому
батько
ee34c2c0c5
коміт
80dc0d666c
4 змінених файлів з 167 додано та 0 видалено
Розділений вигляд Показати статистику Diff
  1. 42 0
      8-ES6/15_symbol.html
  2. 60 0
      8-ES6/16_set.html
  3. 52 0
      8-ES6/17_map.html
  4. 13 0
      8-ES6/练习3_数组去重.html

+ 42 - 0
8-ES6/15_symbol.html
Переглянути файл 

@@ -0,0 +1,42 @@
 
+<!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类型的属性可以重复
 
+        let obj = {
 
+            userName:"张三",
 
+            age:18,
 
+            sex:"男"
 
+        }
 
+
 
+        
+        console.log(obj[Symbol("a")]);
 
+        obj.age = 20;
 
+        obj.age = 30;
 
+        // symbol  
+        // 可以通过Symbol类型的属性名 来访问属性值
 
+        // symbol 一般用作于受保护的属性
 
+        let a = Symbol();
 
+        let b = Symbol();
 
+        obj[b] = "world";
 
+        obj[a] = "hello";
 
+        console.log(obj);
 
+        console.log(obj[a]);
 
+        console.log(obj[b]);
 
+
 
+        // 遍历对象中的属性 Symbol类型不能被遍历
 
+        for(let key in obj){
 
+            console.log(key);
 
+        }
 
+
 
+
 
+
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 60 - 0
8-ES6/16_set.html
Переглянути файл 

@@ -0,0 +1,60 @@
 
+<!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类型
 
+        let oSet = new Set();
 
+        let arr = [1,2,3]
 
+        oSet.add("a");
 
+        oSet.add(10);
 
+        oSet.add(arr);
 
+        console.log(oSet);
 
+
 
+        console.log(Array.from(oSet));
 
+
 
+        // 获取set的元素数量
 
+        // console.log(oSet.size);
 
+
 
+        // 删除set中的元素
 
+        // oSet.delete(10);
 
+        // oSet.delete(arr);
 
+        // console.log(oSet);
 
+
 
+        // 遍历set
 
+        // for(let item of oSet){
 
+        //     console.log(item);
 
+        // }
 
+        // 判断set中是否包含指定元素
 
+        // console.log(oSet.has(10));
 
+
 
+        // 清空set
 
+        // oSet.clear();
 
+        // console.log(oSet);
 
+
 
+        // set 中值有唯一性 不允许重复
 
+        // oSet.add(10);
 
+        // oSet.add(11);
 
+        // console.log(oSet);
 
+
 
+        // weakSet 类型
 
+        // 1. weakSet 类型只能存储对象类型
 
+        // let oWeakSet = new WeakSet();
 
+        // let obj1 = {
 
+        //     userName:"张三",
 
+        //     age:18
 
+        // }
 
+        // let obj2 = {
 
+        //     userName:"张三2",
 
+        //     age:19
 
+        // }
 
+        // oWeakSet.add(obj1);
 
+        // oWeakSet.add(obj2);
 
+        // console.log(oWeakSet);
 
+    </script>
 
+</body>
 
+</html>

+ 52 - 0
8-ES6/17_map.html
Переглянути файл 

@@ -0,0 +1,52 @@
 
+<!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>
 
+        // map类型
 
+        // 1. map类型是一种键值对的集合
 
+        // 2. map类型的键和值可以是任意类型
 
+        let oMap = new Map();
 
+
 
+        // map 添加值 set方法   键  值
 
+        // oMap.set("username","张三");
 
+        // oMap.set("age",18);
 
+        // oMap.set("sex","男");
 
+        // oMap.set("age",19);
 
+        // oMap.set([1,2,3],"数组");
 
+        // console.log(oMap);
 
+
 
+        // map 获取值 get方法
 
+        // console.log(oMap.get("username"));
 
+
 
+        // 判断是否有这个键 has方法
 
+        // console.log(oMap.has("age"));
 
+
 
+        // 删除键值对 delete方法
 
+        // oMap.delete("age");
 
+        // console.log(oMap);
 
+
 
+        // oMap.clear();
 
+        // console.log(oMap);
 
+
 
+        // weakMap类型
 
+        // 1. weakMap类型的键只能是对象
 
+        let oWeakMap = new WeakMap();
 
+        let obj1 = {
 
+            name:"张三",
 
+            age:18
 
+        }
 
+        let obj2 = {
 
+            name:"李四",
 
+            age:19
 
+        }
 
+        oWeakMap.set(obj1,"张三");
 
+        oWeakMap.set(obj2,"李四");
 
+        console.log(oWeakMap);
 
+    </script>
 
+</body>
 
+</html>

+ 13 - 0
8-ES6/练习3_数组去重.html
Переглянути файл 

@@ -0,0 +1,13 @@
 
+<!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 arr = [1,2,3,4,5,6,7,2,3,4,5];
 
+    </script>
 
+</body>
 
+</html>