8_数组新增的方法.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <ul>
  11. <li>1</li>
  12. <li>2</li>
  13. <li>3</li>
  14. </ul>
  15. <script>
  16. var arr = [1, 2, 3, 4]
  17. // for (var i = 0; i < arr.length; i++) {
  18. // console.log(arr[i])
  19. // }
  20. /* forEach 方法用于调用数组的每个元素 并将元素传递给回调函数 */
  21. // arr.forEach((key,index)=>{
  22. // console.log(key,index)
  23. // })
  24. /* filter 过滤 过滤出符合条件的元素 */
  25. // var arr2 = arr.filter((key)=>{
  26. // return key > 2
  27. // })
  28. // console.log(arr2)
  29. /* var arr3 = [{
  30. name: 'zs',
  31. age: 18
  32. }, {
  33. name: 'xiaoming',
  34. age: 24
  35. },{
  36. name: 'xiaohong',
  37. age: 30
  38. }]
  39. var arr4 = arr3.filter((key)=>{
  40. return key.age > 20
  41. })
  42. console.log(arr4) */
  43. /* map 映射一个新数组 通过指定函数处理数组中的每个元素 返回处理后的数组 */
  44. // var arr5 = arr.map((key) => {
  45. // return key * 2 + 3
  46. // })
  47. // console.log(arr5)
  48. // console.log(arr)
  49. var age = [3,12,18,20,40]
  50. /* some 检测数组中的元素是否有符合条件的 */
  51. // var age1 = age.some((key)=>{
  52. // return key >= 50
  53. // })
  54. // console.log(age1)
  55. /* every 检测数组当中的所有元素是否符合条件 */
  56. // var age2 = age.every((key)=>{
  57. // return key >= 4
  58. // })
  59. // console.log(age2)
  60. /* reduce 将数组内的元素计算为一个值 从左到右 */
  61. var num = [88,44,66,77,11,22,99]
  62. // var num1 = num.reduce((total,num)=>{
  63. // return total + num
  64. // })
  65. // console.log(num1)
  66. /* find 在数组内找到第一个满足条件的元素 */
  67. // var num2 = num.find((key)=>{
  68. // return key < 33
  69. // })
  70. // console.log(num2)
  71. var aLi = document.querySelectorAll('li')
  72. console.log(aLi)
  73. // var a = [...aLi]
  74. // console.log(a)
  75. var a = Array.from(aLi)
  76. console.log(a)
  77. /*
  78. 将类数组转化为数组
  79. 1.使用扩展运算符
  80. 2.Array.from()
  81. */
  82. </script>
  83. </body>
  84. </html>