10
0

10_数组遍历方法.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. let arr = ['a','b','c','d','e','f','g','h','i'];
  11. let arr2 = [1,2,3,4,5,6,7,8,9];
  12. // for(var i=0;i<arr.length;i++){
  13. // console.log(arr[i]);
  14. // }
  15. // forEach 里面接受一个函数 函数内有三个参数 分别是
  16. // 第一个为每次循环出的结果 当前值
  17. // 第二个为当前的索引
  18. // 第三个为当前数组
  19. // arr.forEach(function(val,index,_arr){
  20. // console.log(val,index,_arr)
  21. // })
  22. // arr2.forEach(function(val,index,_arr){
  23. // console.log(val);
  24. // })
  25. // map 常用作对数组值的处理 返回一个新数组
  26. // let arr3 = arr.map(function(val,index,_all){
  27. // console.log(val);
  28. // return val+index
  29. // })
  30. // console.log(arr3,arr)
  31. // filter 表示过滤的意思, 根据他的返回结果向新数组中插入值 只有返回为真的情况下会向新数组添加值
  32. // let arr3 = arr2.filter(function(val,index,_arr){
  33. // if(val != 4){
  34. // return true
  35. // }
  36. // })
  37. // console.log(arr3)
  38. // some 表示会在每一次循环获取返回结果如果有一次返回为真的情况最总结果则为真
  39. // let boo1 = arr2.some(function(val,index,_arr){
  40. // if(val > 12){
  41. // return true
  42. // }
  43. // })
  44. // console.log(boo1);
  45. // every 表示会在每一次循环获取返回结果,如果所有返回结果为真则为真 又一次返回结果为假的都不可以
  46. // let boo1= arr2.every(function(val,index,_arr){
  47. // if(val>0){
  48. // return true;
  49. // }
  50. // })
  51. // console.log(boo1);
  52. // reduce 累加器 他接受4个参数 它是从第二个值开始循环
  53. // 第一个代表前一个值
  54. // 第二个代表当前值
  55. // 第三个代表索引
  56. // 第四个代表当前数组
  57. // 每次循环接受一个返回值 放到第一个参数处
  58. // var num = arr2.reduce(function(pre,cur,index,_arr){
  59. // console.log(pre,cur,index,_arr)
  60. // return pre + cur
  61. // })
  62. // console.log(num)
  63. // 他会返回第一个满足条件的结果
  64. // let res = arr2.find(function(val,index,_arr){
  65. // if(val >5){
  66. // return true
  67. // }
  68. // })
  69. // console.log(res);
  70. // 他会返回第一个满足条件的索引值
  71. // let res = arr.findIndex(function(val,index,_arr){
  72. // if(val=='e'){
  73. // return true
  74. // }
  75. // })
  76. // console.log(res);
  77. // 循环可叠戴的对象
  78. // for(let val of arr){
  79. // console.log(val);
  80. // }
  81. // for(let a of arr.keys()){
  82. // console.log(a)
  83. // }
  84. // for(let obj of arr.entries()){
  85. // console.log(obj[0],obj[1]);
  86. // }
  87. // for(let [index,val] of arr.entries()){
  88. // console.log(index,val);
  89. // }
  90. </script>
  91. </body>
  92. </html>