22_数组循环.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. var arr = [1,2,3,4,5,6,7,8,9]
  11. // forEach 是数组下的循环(遍历)方法
  12. // 参数部分为函数。函数内部两个参数 第一个参数数组遍历过程中的值 第二个每个值的索引(选填项)
  13. // arr.forEach(function(item,index){
  14. // console.log(item,index)
  15. // })
  16. // var arr2 = ["a","b",1,2,3];
  17. // 数组过滤 filter
  18. // filter 每次遍历的过程中如果遇到rentu 的值为 true 会把当前遍历的值返回
  19. // var arr3 = arr2.filter(function(item,index){
  20. // // console.log(item,index);
  21. // if(item>=0 && item<=9){
  22. // return true;
  23. // }else{
  24. // return false;
  25. // }
  26. // })
  27. // var arr3 = arr2.filter(function(item,index){
  28. // return (item>=0 && item<=9);
  29. // })
  30. // console.log(arr3)
  31. var arr4 = [1,2,3,4,5,6,7,8,9];
  32. // map通过指定函数处理数组的每个元素,并返回处理后的数组。
  33. // return 什么值那么数组中就是什么
  34. var arr5 = arr4.map(function(item,index){
  35. return item * 10;
  36. })
  37. console.log(arr5);
  38. </script>
  39. </body>
  40. </html>