| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <!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>
|