|
|
@@ -0,0 +1,65 @@
|
|
|
+<!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>
|
|
|
+ // ES5中的数组循环
|
|
|
+ var arr = [1,2,3,4,5,6,7,8,9];
|
|
|
+ // foreach() 方法遍历数组中的每个元素
|
|
|
+ // 参数：回调函数
|
|
|
+ // 回调函数的参数：当前的值、当前值的索引、数组本身
|
|
|
+ // arr.forEach(function(val,key,arr){
|
|
|
+ // if(val == 3){
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ // console.log(val,key,arr);
|
|
|
+ // });
|
|
|
+
|
|
|
+ // map() 方法遍历数组中的每个元素，返回一个新的数组
|
|
|
+ // var arr2 = arr.map(function(val,index,arr){
|
|
|
+ // console.log(val,index,arr);
|
|
|
+ // // 最终返回的值会组成一个新的数组返回 返回值可以任意操作
|
|
|
+ // return val * 10;
|
|
|
+ // });
|
|
|
+ // console.log(arr2);
|
|
|
+
|
|
|
+ // filter() 方法遍历数组中的每个元素，返回一个新的数组
|
|
|
+ // var arr3 = arr.filter(function(val,index,arr){
|
|
|
+ // // 返回值为布尔值 为true的元素会被保留 为false的元素会被过滤掉
|
|
|
+ // return val > 5;
|
|
|
+ // });
|
|
|
+ // console.log(arr3);
|
|
|
+
|
|
|
+ // some() 方法遍历数组中的每个元素，返回一个布尔值
|
|
|
+ // var bool1 = arr.some(function(val,index,arr){
|
|
|
+ // // 只要有一个元素满足条件 就会返回true
|
|
|
+ // console.log(val);
|
|
|
+ // return val > 5;
|
|
|
+ // })
|
|
|
+ // console.log(bool1);
|
|
|
+
|
|
|
+ // every() 方法遍历数组中的每个元素，返回一个布尔值
|
|
|
+ // var bool2 = arr.every(function(val,index,arr){
|
|
|
+ // // 只要有一个元素不满足条件 就会返回false
|
|
|
+ // return val > 5;
|
|
|
+ // });
|
|
|
+ // console.log(bool2);
|
|
|
+
|
|
|
+ // reduce() 累加器
|
|
|
+ // var num = arr.reduce(function(pre,cur,index,arr){
|
|
|
+ // // pre：上一次回调函数返回的值
|
|
|
+ // // cur：当前值
|
|
|
+ // // index：当前值的索引
|
|
|
+ // // arr：数组本身
|
|
|
+ // console.log(pre,cur,index,arr);
|
|
|
+
|
|
|
+ // return pre + cur;
|
|
|
+ // })
|
|
|
+ // console.log(num);
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
