fengchuanyu 10 kuukautta sitten
vanhempi
commit
7165c4ee96
2 muutettua tiedostoa jossa 107 lisäystä ja 0 poistoa
  1. 107 0
      5_ES6/10_数组遍历方法.html
  2. 0 0
      5_ES6/练习题1_函数及变量特性.html

+ 107 - 0
5_ES6/10_数组遍历方法.html

@@ -0,0 +1,107 @@
+<!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 = ['a','b','c','d','e','f','g','h','i'];
+        let arr2 = [1,2,3,4,5,6,7,8,9];
+        // for(var i=0;i<arr.length;i++){
+        //     console.log(arr[i]);
+        // }
+
+        // forEach 里面接受一个函数 函数内有三个参数 分别是
+        // 第一个为每次循环出的结果 当前值
+        // 第二个为当前的索引
+        // 第三个为当前数组
+        // arr.forEach(function(val,index,_arr){
+        //     console.log(val,index,_arr)
+        // })
+        // arr2.forEach(function(val,index,_arr){
+        //     console.log(val);
+        // })
+
+        // map 常用作对数组值的处理 返回一个新数组
+        // let arr3 = arr.map(function(val,index,_all){
+        //     console.log(val);
+        //     return val+index
+        // })
+        // console.log(arr3,arr)
+
+        // filter 表示过滤的意思, 根据他的返回结果向新数组中插入值 只有返回为真的情况下会向新数组添加值
+        // let arr3 = arr2.filter(function(val,index,_arr){
+        //     if(val != 4){
+        //         return true
+        //     }
+        // })
+        // console.log(arr3)
+
+        // some 表示会在每一次循环获取返回结果如果有一次返回为真的情况最总结果则为真
+        // let boo1 = arr2.some(function(val,index,_arr){
+        //     if(val > 12){
+        //         return true
+        //     }
+        // })
+        // console.log(boo1);
+
+        // every 表示会在每一次循环获取返回结果,如果所有返回结果为真则为真 又一次返回结果为假的都不可以
+        // let boo1= arr2.every(function(val,index,_arr){
+        //     if(val>0){
+        //         return true;
+        //     }
+        // })
+        // console.log(boo1);
+
+
+        // reduce 累加器 他接受4个参数 它是从第二个值开始循环
+        // 第一个代表前一个值
+        // 第二个代表当前值
+        // 第三个代表索引
+        // 第四个代表当前数组
+        // 每次循环接受一个返回值 放到第一个参数处
+        // var num = arr2.reduce(function(pre,cur,index,_arr){
+        //     console.log(pre,cur,index,_arr)
+        //     return pre + cur
+        // })
+        // console.log(num)
+
+        // 他会返回第一个满足条件的结果
+        // let res = arr2.find(function(val,index,_arr){
+        //     if(val >5){
+        //         return true
+        //     }
+        // })
+        // console.log(res);
+
+        // 他会返回第一个满足条件的索引值
+        // let res = arr.findIndex(function(val,index,_arr){
+        //     if(val=='e'){
+        //         return true
+        //     }
+        // })
+        // console.log(res);
+
+        // 循环可叠戴的对象
+        // for(let val of arr){
+        //     console.log(val);
+        // }
+
+        // for(let a of arr.keys()){
+        //     console.log(a)
+        // }
+
+        // for(let obj of arr.entries()){
+        //     console.log(obj[0],obj[1]);
+        // }
+
+        for(let [index,val] of arr.entries()){
+            console.log(index,val);
+        }
+
+
+    </script>
+</body>
+</html>

+ 0 - 0
5_ES6/练习题1-函数及变量特性.html → 5_ES6/练习题1_函数及变量特性.html