fengchuanyu 4 bulan lalu
induk
melakukan
9beae81e82
3 mengubah file dengan 126 tambahan dan 0 penghapusan
  1. 86 0
      6_ES6/10_数据循环.html
  2. 10 0
      6_ES6/8_结构赋值.html
  3. 30 0
      6_ES6/9_JSON.html

+ 86 - 0
6_ES6/10_数据循环.html

@@ -0,0 +1,86 @@
+<!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,8,9,10];
+
+        // for(let i =0;i<arr.length;i++){
+        //     console.log(arr[i]);
+        // }
+
+        // forEach 循环是数组下的方法 负责对数组进行遍历
+        // forEach 接受一个参数是回调函数 回调函数中有三个参数 第一个参数是当前循环出来的值 第二个参数是索引 第三个参数是原数组
+        // arr.forEach(function(item,index,_arr){
+        //     console.log(item,index,_arr);
+        // })
+        // map 循环也是数组下的方法 负责对数组进行遍历
+        // map 也是接受一个参数是回调函数 回调函数中有三个参数 第一个参数是当前循环出来的值 第二个参数是索引 第三个参数是原数组
+        // 长用作与对数组中每一个值进行加工处理
+        // 它会返回一个新的数组 数组中的值会根据回调函数中的return而定
+        // let mapArr = arr.map(function(item,index,_arr){
+        //     return item + "a";
+        // })
+        // console.log(mapArr);
+
+        // filter 循环也是数组下的方法 负责对数组进行遍历 会有一个返回值
+        // filter 常用作于对数组的过滤 返回数组的长度不固定 如果回调函数中return 的是true 本次遍历就有值 否则就没有值
+        // let filterArr = arr.filter(function(item,index,_arr){
+        //     if(item != 5){
+        //         return true;
+        //     }else{
+        //         return false;
+        //     }
+        // })
+        // console.log(filterArr);
+
+        let arr2 = [89,70,99,100,53,78,30];
+        // every 也有返回结果 返回的结果为布尔值 每一次遍历的结果如果都为true 那么every的结果就是true 否则又一次为假就是false
+        // let res = arr2.every(function(item,index,_arr){
+        //     // console.log(item,index,_arr)
+        //     if(item <= 60){
+        //         return false;
+        //     }else {
+        //         return true;
+        //     }
+        // })
+        // console.log(res);
+
+        // some 也有返回结果 返回的结果为布尔值 如果有一次遍历的结果为true 那么他的返回值就是true 否则就是false
+        // let res2 = arr2.some(function(item,index,_arr){
+        //     if(item >= 60){
+        //         return true;
+        //     }else {
+        //         return false;
+        //     }
+        // })
+        // console.log(res2);
+        // let arr = [1,2,3,4,5,6,7,8,9,10];
+        // let arr = ['a','b','c','d','e'];
+        // reduce 累加器 回调函数中接受4个参数 第一个参数是上一次回调函数中的return值 第二个参数是当前循环出来的值 第三个参数是索引 第四个参数是原数组
+        // let sum = arr.reduce(function(prev,next,index,_arr){
+        //     console.log(prev,next,index,_arr);
+        //     return prev + next;
+        // })
+        // console.log(sum);
+
+        let obj ={
+            a:1,
+            b:2,
+            c:3,
+            d:4,
+            e:5
+        }
+        // console.log(obj.a);
+        // for in 循环是对象下的方法 负责对对象进行遍历
+        for(let key in obj){
+            console.log(key+":"+obj[key]);
+
+        }
+    </script>
+</body>
+</html>

+ 10 - 0
6_ES6/8_结构赋值.html

@@ -61,6 +61,16 @@
         let a = 1;
         let b = 2;
         
+        // let c = a;
+        // a = b;
+        // b = c
+
+        // a = a + b;
+        // b = a - b;
+        // a = a - b;
+        [a,b] = [b,a];
+        
+        console.log(a,b);
 
     </script>
 </body>

+ 30 - 0
6_ES6/9_JSON.html

@@ -0,0 +1,30 @@
+<!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 person = {
+            name: '张三',
+            age: 18,
+            sex: '男',
+            school:"黑大"
+        }
+        // JSON.stringify 可以将对象类型转换为JSON字符串
+        var jsonRes = JSON.stringify(person);
+        console.log(jsonRes);
+        
+        // JSON字符串 常用作于数据传递 比如 后端向前端提供数据
+        let jsonStr = '{"name":"张三","age":18,"sex":"男","school":"黑大"}';
+        // JSON.parse 可以将JSON字符串转换为对象类型
+        let jsonObj = JSON.parse(jsonStr);
+        console.log(jsonObj);
+
+        // let [a,b,c,d] = jsonStr;
+        // console.log(a,b,c,d); 
+    </script>
+</body>
+</html>