10_数据循环.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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 = [1,2,3,4,5,6,7,8,9,10];
  11. // for(let i =0;i<arr.length;i++){
  12. // console.log(arr[i]);
  13. // }
  14. // forEach 循环是数组下的方法 负责对数组进行遍历
  15. // forEach 接受一个参数是回调函数 回调函数中有三个参数 第一个参数是当前循环出来的值 第二个参数是索引 第三个参数是原数组
  16. // arr.forEach(function(item,index,_arr){
  17. // console.log(item,index,_arr);
  18. // })
  19. // map 循环也是数组下的方法 负责对数组进行遍历
  20. // map 也是接受一个参数是回调函数 回调函数中有三个参数 第一个参数是当前循环出来的值 第二个参数是索引 第三个参数是原数组
  21. // 长用作与对数组中每一个值进行加工处理
  22. // 它会返回一个新的数组 数组中的值会根据回调函数中的return而定
  23. // let mapArr = arr.map(function(item,index,_arr){
  24. // return item + "a";
  25. // })
  26. // console.log(mapArr);
  27. // filter 循环也是数组下的方法 负责对数组进行遍历 会有一个返回值
  28. // filter 常用作于对数组的过滤 返回数组的长度不固定 如果回调函数中return 的是true 本次遍历就有值 否则就没有值
  29. // let filterArr = arr.filter(function(item,index,_arr){
  30. // if(item != 5){
  31. // return true;
  32. // }else{
  33. // return false;
  34. // }
  35. // })
  36. // console.log(filterArr);
  37. let arr2 = [89,70,99,100,53,78,30];
  38. // every 也有返回结果 返回的结果为布尔值 每一次遍历的结果如果都为true 那么every的结果就是true 否则又一次为假就是false
  39. // let res = arr2.every(function(item,index,_arr){
  40. // // console.log(item,index,_arr)
  41. // if(item <= 60){
  42. // return false;
  43. // }else {
  44. // return true;
  45. // }
  46. // })
  47. // console.log(res);
  48. // some 也有返回结果 返回的结果为布尔值 如果有一次遍历的结果为true 那么他的返回值就是true 否则就是false
  49. // let res2 = arr2.some(function(item,index,_arr){
  50. // if(item >= 60){
  51. // return true;
  52. // }else {
  53. // return false;
  54. // }
  55. // })
  56. // console.log(res2);
  57. // let arr = [1,2,3,4,5,6,7,8,9,10];
  58. // let arr = ['a','b','c','d','e'];
  59. // reduce 累加器 回调函数中接受4个参数 第一个参数是上一次回调函数中的return值 第二个参数是当前循环出来的值 第三个参数是索引 第四个参数是原数组
  60. // let sum = arr.reduce(function(prev,next,index,_arr){
  61. // console.log(prev,next,index,_arr);
  62. // return prev + next;
  63. // })
  64. // console.log(sum);
  65. let obj ={
  66. a:1,
  67. b:2,
  68. c:3,
  69. d:4,
  70. e:5
  71. }
  72. console.log(obj.a);
  73. // for in 循环是对象下的方法 负责对对象进行遍历
  74. for(let key in obj){
  75. console.log(key+":"+obj[key]);
  76. }
  77. </script>
  78. </body>
  79. </html>